前端优化性能的方法

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

2、优化方式2：使用CDN内容分发网络通过中心平台的负载均衡、内容分发、调度使用户就近获取所需内容，降低网络拥塞，提高用户访问速度。

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

4、优化方式4：将页面的js尽量放在底部。如果将js放在顶部，执行js时会阻塞对其后面内容的呈现。影响其后面组件的下载。

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

6、优化方式6：使用外部js和css，虽然纯粹而言，内联的样式执行快一些，但是更新维护不方便不利于团队合作或者大项目分工编写。如图示例箭头所指。

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