頁面加載優化

資源優化

1. 靜態資源壓縮合並, 減小http請求
2. 靜態資源緩存
3. CDN
4. SSR後端渲染
5. gzip
6. DNS預解析
7. script異步加載

   異步加載方式
   1. 動態腳本加載 2. defer 3. async
   2. 區別
    - defer是在html解析以後執行,若是是多個,按照加載順序依次執行
    - async是在加載以後當即執行, 若是是多個, 執行順序與加載順序無關
   複製代碼

渲染優化

1. CSS前面， JS後面
2. 懶加載(圖片懶加載，下拉加載更多)
3. 減小dom操做(增刪改查)
4. 事件節流防抖
5. 預加載(preload, prefetch)