原則

1. 多使用記憶體快取和其他方法
2. 減少cpu計算，減少網路請求

入手

• 載入頁面和靜態資源
  
  1. 靜態資源的合併和壓縮
  2. 靜態資源快取
  3. 使用cdn，讓資源載入更快
  4. 使用ssr後端渲染，資料直接輸出到html
  5. 非核心程式碼非同步載入
     
     • 方式：動態指令碼載入，defer，async
     • 區別：defer是在html解析完之後才會執行，如果是多個，按照載入的順序執行，async是在載入完之後立即執行，如果是多個，執行順序和載入順序無關
  6. 預解析DNS

<meta http-equiv="x-dns-prefetch-control" content="on" />
<link rel="dns-prefetch" href="http://bdimg.share.baidu.com" />

• 頁面渲染
  
  1. css放前面，js放後面
  2. 懶載入
  3. 減少DOM查詢，對DOM查詢快取
  4. 減少DOM操作，多個操作儘量合併在一起
  5. 事件節流
  6. 儘早執行操作（DOMContentedLoaded）