如图最近做一个项目关于页面的性能不太理想,每次分页后左边部分能在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