前端是如何优化网站性能的

1.减少http的请求数量
》CSS Sprites,css精灵,将多张图片合并成一张图片
》合并css和js文件,可将多个css合并成一个,多个js合并成一个,打包工具有grunt,gulp,webpack
》采用lazyLoad,俗称懒加载,可控制页面在一开始时无需加载,不需发送请求,等到用户操作,真正需要时立即加载出内容,这样就控制网页资源一次性请求数量。
2.控制资源文件加载优先级
一般情况下,css在头部,js在底部
3.利用浏览器缓存
浏览器缓存(Browser Caching)是为了加速浏览,浏览器在用户磁盘上对请求过的文档进行存储,当访问者再次请求这个页面时,浏览器就可以从本地磁盘显示文档,这样就可以加速页面的阅览。
4.减少重排(reflow)
减少Reflow,如果需要在DOM操作时添加样式,尽量使用 增加class属性,而不是通过style操作样式。
5.减少DOM操作
6.图标使用lconFont替换

原文地址:https://www.cnblogs.com/Angiy/p/11286467.html