https://juejin.cn/post/6844904195707895816#heading-8 ## 頁面性能優化： ### 主觀方面： * loading * 骨架屏 ### 客觀方面： * 減少http請求次數（合并css、js、和業務的不必要請求） * 減少圖片的大小（選擇合適的圖片格式、大小） * 優化加載資源的時機、方式（js位置） * 構建的時候： 1. 開啟gzip壓縮，約70%的體積 2. 去除不必要的代碼 console之類調試代碼、去除sourcemap 3. 可以把一些庫獨立出來用cdn加載，減少打包出來的大小，比如elem、vue、axios之類 4. ssr、預渲染首頁（在構建過程中，`webpack`通過使用`prerender-spa-plugin`插件生成靜態結構的`html`） * 網絡資源的優化 1. 配置好緩存，http的強緩存、協商緩存等，非常的有用 2. 資源預加載，preload，prefetch， dns-prefetch 3. 可以設置無阻塞等加載js（defer,async）