【Develop】解析 Reverse Proxy 與 Forward Proxy
本篇重點
- Reverse Proxy 反向代理是在保護與加速後端伺服器，扮演對外單一入口。
- Forward Proxy 正向代理是用於存取控制與匿名化，扮演用戶端請求的單一出口。
- 解析兩種代理伺服器的工作流程、用途、使用時機。
- 了解 Reverse Proxy 和 Load Balancer 的關係。
- 了解 Forward Proxy 和 VPN 的相似之處。
【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'"的動態載入樣式