页面渲染优化的几点建议


页面渲染优化的几点建议

1.禁止使用iframe(阻塞父文档onload事件);

  • *iframe会阻塞主页面的Onload事件;
  • *搜索引擎的检索程序无法解读这种页面,不利于SEO;
  • *iframe和主页面共享连接池,而浏览器对相同域的连接有限制,所以会影响页面的并行加载。
  • 使用iframe之前需要考虑这两个缺点。如果需要使用iframe,最好是通过javascript 动态给iframe添加src属性值,这样可以绕开以上两个问题。

2.禁止使用gif图片实现loading效果(降低CPU消耗,提升渲染性能);

3、使用CSS3代码代替JS动画(尽可能避免重绘重排以及回流);

4、对于一些小图标,可以使用base64位编码,以减少网络请求。

不建议大图使用,比较耗费CPU;

小图标优势在于: 少HTTP请求;避免文件跨域;修改及时生效;

5、页面头部的<style> 会阻塞页面;(因为 Renderer进程中 JS线程和渲染线程是互斥的);

6、页面头部


分享到:


相關文章: