網頁渲染的工作逐漸由後端轉為前端主導。

靜態網頁

1.內容不變：靜態網頁的內容在請求期間保持不變。每當用戶訪問靜態網頁時，它們看到的內容都是固定的，並且不會根據用戶的操作或數據更改。

2.簡單：靜態網頁通常是由HTML、CSS和JavaScript等前端資源組成的，並且不需要後端伺服器的動態處理。這使得它們相對簡單且易於部署。

3.性能：由於內容固定，靜態網頁通常具有優於動態網頁的性能，因為它們可以被輕松地緩存和快速載入。

動態網頁

1.內容根據用戶請求動態生成：動態網頁的內容是根據用戶的請求和數據動態生成的。它們通常需要後端伺服器來處理用戶請求，並生成相應的內容。

2.交互性：動態網頁通常具有更高的交互性，因為它們可以根據用戶的操作執行各種動作，例如登錄、提交表單、數據查詢等。

3.複雜性：動態網頁的開發通常複雜一些，因為它們需要前端和後端的結合，並且可能使用多種技術，如資料庫、伺服器端腳本語言（例如Node.js、Python、Ruby等）。

伺服器渲染
Server-Side Rendering，簡稱SSR，是一種網頁應用程式開發方法，其中網頁內容在伺服器端生成並傳送到瀏覽器，而不是完全依賴客戶端（瀏覽器）來渲染頁面。

伺服器渲染缺點

1.伺服器壓力：SSR需要伺服器端動態生成每個請求的HTML內容，這可能對伺服器造成較大的負載，尤其是在高流量時。這需要伺服器擁有足夠的計算資源，否則性能可能下降。

2.較高的伺服器成本：由於伺服器需要動態生成頁面，SSR的伺服器成本通常較高。伺服器需要處理更多的請求和計算，可能需要更多的伺服器資源。

3.較慢的首次載入時間：儘管SSR有助於SEO，但在首次載入時，由於伺服器端渲染和資料擷取，頁面的首次載入時間可能較長。這可能導致用戶在等待頁面載入時感到不滿。

4.較複雜的開發和維護：實現SSR需要更多的複雜性，包括伺服器端路由、資料擷取和客戶端-伺服器端的狀態同步。這可能使開發和維護應用程序變得更具挑戰性。

5.有限的客戶端互動性：雖然SSR可以提供基本的客戶端互動性，但對於高度互動性的應用程序，需要額外的客戶端代碼以實現複雜的用戶互動。這可能需要使用客戶端JavaScript框架，如React或Vue，並將其與SSR結合使用。

6.可能的不一致性：由於SSR和客戶端渲染之間的差異，可能會出現頁面不一致性的問題。這需要特別小心管理，以確保頁面在不同渲染模式下一致。