网站性能优化、网站优化、页面优化或者说页面性能优化，一直都是开发者欲求不满的，慢的网站影响流量、影响seo等等，技术和思维都在更新，所以，本篇文章将会持续更新

网站性能优化

效果由上往下递减

1、压缩文件

        每个文件都需要一些时间来加载。文件越大，加载的时间就越长。比如vue打包后的app.js这文件，随着页面的增加越来越大。vue的chunk-vendors.js会随着组件的增加越来越大。如果服务器开启gzip压缩，原本1M2M的直接被压缩一半以上。提升网站开启速度十分显著。关于开启，请看nginx-网页压缩传输

2、异步cdn加载文件

服务器差该效果第二名
        每个服务器都有带宽的限制，比如我服务器，峰值才1M，反应又慢。如果把js，css，img这些静态资源放到自己服务器，我服务器承受了巨大伤害。
        如果js、css引用cdn，不仅仅cdn快（有些js有免费的cdn，而css要用cdn可能需要费用，需要注意的是免费cdn会挂），而且文件是异步加载，本地带宽是完全能承受异步加载峰值的。img引用对象存储OSS，对象存储OSS的带宽很大（需要为存储流量花钱）。

3、懒加载

服务器好该效果第二名
        vue项目经常出现首页加载半天才才显示，虽然用cdn和压缩能大大缩短加载时间，但大项目还是难以秒开。使用懒加载加载页面和图片，才能真正达到秒开甚至毫秒内。
    关于vue懒加载页面请看：vue加载页面。里面介绍了vue推荐的懒加载方法。

以上三点做好了，恭喜你，你已经把网站优化到秒开了

4、减少http连接次数

减少http请求数目确实能加快网站显示速度，但为什么不能排前三呢？
  1. 一般首页加载，ajax请求不会很多，但js、css文件会比较多，这时就需要合并js和css。
  2. 把一个网站js和css全部合并了吗？你会发现，好像分开会快唉。因为js异步加载能减少大量时间，这就是异步加载排第二的原因。那全部分开异步加载咯？你会发现，分得越多加载越慢。这是因为http次数增加了。所以，需要一个度，至于这个度需要根据自己网站js和css文件大小决定。
再说一点，vue-cli打包后只有两js文件，如果vendors太大了请看：vue的vendors优化

5、插件按需引入

        很多情况下为了图省事，直接全局导入所有的ui插件，就导致没用上的插件也一起打包了，如果整个项目就用一个ui插件还好，用两个及以上打包后的代码体积会十分恐怖的大。所有安装一个ui插件时，一定要按需引入，现在插件都能按需引入了。有两个例子大家可以去看看：elementUI、vant按需引入。

6、删除和组件化代码

        大多数人写了一个函数或者代码段之后，发现有更好的写法，之前的代码就注释没有删除，这是一个好习惯，但这无意间增加了代码体积量。
        vue的一个页面有一段和另外一个页面代码一样，只要有相同的代码就写成组件，多分几个组件会比写两遍一样的代码会更节省空间。js一样就写入mixin，再页面引用。