码迷,mamicode.com
首页 > Web开发 > 详细

网页性能优化个人总结

时间:2016-09-16 17:04:17      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:

HTML部分:

  1、语义化html:好处在于可以使代码简洁清晰,支持不同设备,利于搜索引擎,便于团队开发;

  2、减少DOM节点:加速页面渲染;

  3、给图片加上正确的宽高值:这可以减少页面重绘,同时防止图片缩放;

  4、用link而不用@import的方式引入样式;

  5、样式放在页头,js放在页尾;

 

CSS部分:

  1、使用css缩写,减少代码量;删掉重复的css;

  2、通过css sprites把同类图片合成一张,减少图片请求;

  3、减少查询层级:.header .logo好过.header .top .logo;减少查询范围:header>li好过.header li;

  

Javascript部分:

  1、尽量少用全局变量;

  2、避免频繁操作DOM节点;

  3、删除重复的js;

 

未完待续·····

 

网页性能优化个人总结

标签:

原文地址:http://www.cnblogs.com/lst421/p/5876640.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!