前端如何优化网站性能？

1.网站与浏览器通信主要是通过发送HTTP请求，不同浏览器对资源文件并发请求数量有限，一旦HTTP请求达到一定数量，就会形成等待，那么就可以通过减少http请求来优化网站性能，CSS Sprites将多张小图标，合并到一张图片上，通过背景图定位来显示图标，起到只请求一次的效果；使用grunt、gulp、webpack等工具，将多个CSS、js文件合并成一个文件减少http请求；使用懒加载请求列表图片，减少首次进入页面的请求数；

2.控制文件加载的优先级，一般加载html页面的时候，解析到了css和js标签，会加载后面的链接地址，想要第一时间把页面展示给用户，那就需要把css文件放在头部，js文件放在底部加载；利用浏览器缓存，将需要加载的资源放在本地，如果本地没有的话，再去服务器请求；