本篇重點
<script>的載入與執行特性defer和async的功能與特性type="module"與 defer 的關係
【Html】解析 preconnect、preload、Fetch Priority API
本篇重點
- 資源連線與載入的時間線
- 縮短首次繪製時間（First Paint）的方法
rel="preconnect"、rel="preload"、fetchpriority的用意與差異- 有/無用這些屬性時，載入時間的差異
fetchpriority與preload的差異crossorigin屬性的用途與使用時機onload="this.rel='stylesheet'"的動態載入樣式
本篇重點
- Netlify function 更新程式碼後，新設定的環境變數未被正確讀取
- 檢查環境變數是否設定在正確的環境 (Production / Deploy Preview / Branch deploys)
- 確認環境變數名稱是否正確
- 透過 Deploy project without cache 解決問題
