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

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