当前位置: 代码迷 >> 综合 >> 5、前端性能优化
  详细解决方案

5、前端性能优化

热度:86   发布时间:2023-10-27 13:29:35.0

一、减少http请求数量

1、使用css精灵图

  将多张图片合并成一张图片达到减少http请求,可以通过css的background-image和backgound-position来访问图片内容。

2、合并css和js,并进行压缩

3、图片采用懒加载

二、控制资源文件的加载优先级

  一般将css放在头部,js放在底部

三、利用浏览器缓存

四、减少重排(Reflow)

  比如在循环添加li标签时,最后进行一次Dom操作就好,而不是每次循环都对dom添加一次。

五、减少Dom操作

六、图标不要使用图片,而用字体图标

  相关解决方案