前端优化性能的方法

1、优化方式1： 适当的合并一些css或者js文件，减少http请求。同时也可以将一些通用的小图标、标识等，放在一张较大的图片上一次排版好，图标间留一定的间隔方便css做背景定位。

3、优化方式3：将css样式表放在顶部。将css样式表放在文档底部时容易导致在浏览器中阻止内容逐步呈现，避免页面当样式变化时重绘页面元素。

5、优化方式5：精简js代码，同时通过使用webpack、gulp等第三方压缩混淆工具对代码进行压缩精简。减少js文件的体积，可加快网络传输速率。另外也能对代码起到一定的保护作用。

7、优化方式7：适当的使用缓存，减少请求次数，当后台文件没有修改时，可以使用之前的缓存css文件，减少了请求，同时多个页面都可使用。相对重新请求再渲染，本地的加快了页面渲染速度。