前端性能优化、vue优化

一、减少请求资源大小或者次数　

1、尽量和并和压缩css和js文件。（将css文件和并为一个。将js合并为一个）

　　原因：主要是为了减少http请求次数以及减少请求资源的大小

　　打包工具：

　　webpack

　　gulp

　　grunt

.　　....

2、尽量所使用的字体图标或者SVG图标来代替传统png图

因为字体图标或者SVG是矢量图，代码编写出来的，方大不会变形，而且渲染速度快

 

3、采用图片的懒加载（延迟加载）

　　目的为了，减少页面第一次加载过程中http的请求次数

　　具体步骤：

　　　　1、页面开始加载时不去发送http请求，而是放置一张占位图

　　　　2、当页面加载完时，并且图片在可视区域再去请求加载图片信息

 

4、能用css做的效果，不要用js做，能用原生js做的，不要轻易去使用第三方插件。

　　避免引入第三方大量的库。而自己却只是用里面的一个小功能

 

5、使用雪碧图或者是说图片精灵

把所有相对较小的资源图片，绘制在一张大图上，只需要将大图下载下来，然后利用图片定位来讲小图展现在页面中（background-position:百分比，数值）

 

6、减少对cookie的使用（最主要的就是减少本地cookie存储内容的大小），因为客户端操作cookie的时候，这些信息总是在客户端和服务端传递。如果上设置不当，每次发送

一个