在現代網頁開發中，前端畫面的呈現方式主要可以分為四種：靜態生成（SSG）、伺服器端渲染（SSR）、用戶端渲染（CSR）以及增量靜態生成（ISR）。了解各種渲染方式的特性，有助於根據專案需求選擇最適合的技術方案。

首先，**靜態生成（SSG, Static Site Generation）**是指在網站部署之前，將所有網頁內容預先生成成靜態 HTML 檔案。這種方式能提供極快的讀取速度與良好的 SEO 效果，適合內容更新頻率低或可預期的網站，如部落格或企業形象網站。

其次，**伺服器端渲染（SSR, Server-Side Rendering）**則是在使用者每次請求頁面時，由伺服器即時生成 HTML。這種方法能確保網站首次載入時即有完整內容，有助於 SEO 且能改善初次呈現時間，但相對增加了伺服器負擔，並可能拉長回應時間。

第三，**用戶端渲染（CSR, Client-Side Rendering）**是將初始頁面最小化，只傳送一個基本的 HTML 框架與 JavaScript 應用程式，然後由瀏覽器端負責載入與渲染完整內容。CSR 讓使用者在瀏覽體驗上更流暢，適合互動性高的單頁應用（SPA），但初次載入速度較慢，且對 SEO 不友善，需額外搭配預渲染或其他技術改善。

最後，**增量靜態生成（ISR, Incremental Static Regeneration）**結合了 SSG 的速度優勢與 SSR 的即時更新能力。它允許開發者在網站上即時更新特定頁面內容，而無需整個網站重新部署，適合內容更新頻繁但又希望保有快取效能的情境。

這四種渲染方式各有優劣，選擇時需依據網站特性、內容更新頻率、SEO 需求以及用戶體驗綜合考量。

參考資料：網頁前端畫面渲染(Rendering)方式介紹：SSR/CSR/SSG/ISP