网页性能优化个人总结

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;

 

未完待续·····

 

以上是关于网页性能优化个人总结的主要内容,如果未能解决你的问题,请参考以下文章

腾讯优测优分享 | Android应用性能优化个人总结–图形优化

性能优化一点总结

2022年个人年终总结

2022年个人年终总结

PLSQL优化基础和性能优化 (学习总结)

软件工程个人总结