前端页面性能优化提速
yqxbc 发布时间:05-07 来源:一起学编程 浏览:4次

如图最近做一个项目关于页面的性能不太理想,每次分页后左边部分能在1s中刷出,而右面部分要大约3s中才刷出左右两面分别用Div控制 最初以为右面的显示跟语句有关系,因为排行有个统计显示,SQL中有计算 order by等 使用oracle中查询前N条排序

但是数据量并不大 语句测试平均0.8s ,后经利用firebug大量测试 原因在于页面的相应时间,看来不是后台拖累性能

现在把精力投入 ----网页相应时间上

通过查阅相关资料 本项目情况 属于css 和js脚步影响相关性能 找到如下解决方案:

先加载CSS最后加载JavaScript
在这方面,以下几个建议:

head标签里加载CSS body标签闭合前加载JavaScript

会发生什事情呢?网页在用户的机器上加载显示,因此他们的眼睛就开始扫描所提供的内同,这个时候JavaScript正好迎头赶上在后台进行加载。

提示:如果您不想移动JavaScript标记,你认为它会搞糟网站的方式工作,我建议使用defer属性。用法如下:

script defer=defer

通过如下方法 把css放入headhead中 js加入defer=defer 意味延迟加载js也就是把基本的页面框架加载完后,最后在加载引入的js脚本,或者把js放在body前,移动脚本顺序  进而再次测试OK

平均页面刷新1.5s

如果你有好的win10资讯或者win10教程,以及win10相关的问题想要获得win10系统下载的关注与报道。
欢迎加入发送邮件到657025171#qq.com(#替换为@)。期待你的好消息!