前端基础进阶（十六） ： 页面性能优化方案

1、资源压缩与合并

html压缩、css 压缩、js的压缩和混乱和文件合并。

2、 非核心代码异步加载

异步加载的三种方式——async和defer、动态脚本建立

3、利用浏览器缓存

4、使用 CDN 托管

5、减小http请求数量

6、vue 如何优化首页的加载速度？vue 首页白屏是什么问题引发的？如何解决呢？

首页白屏的缘由：
单页面应用的 html 是靠 js 生成，由于首屏须要加载很大的js文件(app.js`vendor.js`)，因此当网速差的时候会产生必定程度的白屏

解决办法：

1. 优化 webpack 减小模块打包体积，code-split 按需加载
2. 服务端渲染，在服务端事先拼装好首页所需的 html
3. 首页加 loading 或 骨架屏 （仅仅是优化体验）

7、使用懒加载

3、利用浏览器缓存

3、利用浏览器缓存