【Develop】解析 CSR / SSR / SSG / ISR 網頁渲染架構
本篇重點
- 了解客戶端渲染 (CSR)、伺服器端渲染 (SSR)、靜態網站生成 (SSG) 以及增量靜態再生(ISR) 的工作流程與渲染機制
- 了解 ISR 的生成範圍、再生成觸發條件
- 網頁渲染趨勢朝向混合渲染 (Hybrid Rendering) 發展
- 渲染架構決策樹
【Html】解析 preconnect、preload、Fetch Priority API
本篇重點
- 資源連線與載入的時間線
- 縮短首次繪製時間（First Paint）的方法
rel="preconnect"、rel="preload"、fetchpriority的用意與差異- 有/無用這些屬性時，載入時間的差異
fetchpriority與preload的差異crossorigin屬性的用途與使用時機onload="this.rel='stylesheet'"的動態載入樣式
