前端基礎進階（十六） ： 頁面性能優化方案

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、利用瀏覽器緩存