网页性能优化个人总结

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