网页性能优化个人总结
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网页性能优化个人总结相关的知识,希望对你有一定的参考价值。
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;
未完待续·····
以上是关于网页性能优化个人总结的主要内容,如果未能解决你的问题,请参考以下文章