SSR (Server Side Rendering) 伺服器端渲染

阿榮-avatar-img
發佈於前端
更新於 發佈於 閱讀時間約 1 分鐘


伺服器端渲染(SSR)是一種在伺服器端渲染 HTML 頁面的技術,表示伺服器收到瀏覽器的請求之後,在伺服器端生成「完整的 HTML」。因為生成 HTML 的時候會在伺服器端先取得內部或外部 API 資料,所以 SSR 可以省去多次的來回往返。


SSR 的優點

  • 更快的首次渲染時間:SSR 可以更快地向用戶提供內容,因為 HTML 頁面已經在伺服器端渲染完成。
  • 更好的 SEO:SSR 可以讓搜尋引擎看到完整的 HTML 頁面,這可以提高搜尋排名。
  • 更好的無障礙性:SSR 可以為不使用 JavaScript 的用戶提供更好的體驗。


SSR 的缺點

  • 更複雜的開發:SSR 需要開發人員了解伺服器端渲染技術。
  • 潛在的性能問題:SSR 增加了伺服器的負載,如果沒有正確配置,可能會導致性能問題。


SSR 的兩個流行框架

  • Next.js
  • Nuxt.js


參考資料

  • Gemini AI
留言
avatar-img
留言分享你的想法!
avatar-img
阿榮 | 前端 ~ 互動藝術程式
2會員
39內容數
主要放程式學習筆記,分享 Creative Coding 相關內容、作品
2024/04/19
避免網頁在不同瀏覽器中長不一樣。用 CSS Reset 來「重置」和統一瀏覽器預設樣式。
Thumbnail
2024/04/19
避免網頁在不同瀏覽器中長不一樣。用 CSS Reset 來「重置」和統一瀏覽器預設樣式。
Thumbnail
2024/04/15
2024/04/15
看更多
你可能也想看
Thumbnail
本文介紹了SEO(搜尋引擎優化)和SEM(搜尋引擎行銷)的定義及應用以及其搭配建議。SEO 是為了提升網站在搜尋結果頁(SERP)上的排名,從而獲得更多自然流量和點擊,而SEM 是付費的廣告形式,能快速提高網站曝光率。
Thumbnail
本文介紹了SEO(搜尋引擎優化)和SEM(搜尋引擎行銷)的定義及應用以及其搭配建議。SEO 是為了提升網站在搜尋結果頁(SERP)上的排名,從而獲得更多自然流量和點擊,而SEM 是付費的廣告形式,能快速提高網站曝光率。
Thumbnail
這篇文章教你如何製作側邊欄,包括準備工作、HTML和CSS的部分,還有一些互動效果。文章涵蓋了連結、圖片、超連結、大小、顏色、排版、flex和滑鼠互動等內容。
Thumbnail
這篇文章教你如何製作側邊欄,包括準備工作、HTML和CSS的部分,還有一些互動效果。文章涵蓋了連結、圖片、超連結、大小、顏色、排版、flex和滑鼠互動等內容。
Thumbnail
SEO服務優化是根據搜尋引擎運作原理及用戶搜尋行為,對網站進行技術和內容上的優化,提升網站排名和自然搜尋流量。天盈達提供全面、專業的本地與國際SEO服務優化,助你增加生意轉換率,吸引更多的國際流量,提高品牌知名度和銷售業績。
Thumbnail
SEO服務優化是根據搜尋引擎運作原理及用戶搜尋行為,對網站進行技術和內容上的優化,提升網站排名和自然搜尋流量。天盈達提供全面、專業的本地與國際SEO服務優化,助你增加生意轉換率,吸引更多的國際流量,提高品牌知名度和銷售業績。
Thumbnail
文章將搜尋引擎的運作原理分為三個段落進行介紹,並強調網站結合有效的SEO策略對提升曝光度的重要性。
Thumbnail
文章將搜尋引擎的運作原理分為三個段落進行介紹,並強調網站結合有效的SEO策略對提升曝光度的重要性。
Thumbnail
RWD(適應性網頁設計)不僅能提高使用者體驗,還對SEO有深遠影響。透過提升使用者體驗、減少重複內容、加快頁面載入速度、符合移動優先索引和簡化網站管理,RWD設計能顯著提升網站在搜尋引擎中的排名。
Thumbnail
RWD(適應性網頁設計)不僅能提高使用者體驗,還對SEO有深遠影響。透過提升使用者體驗、減少重複內容、加快頁面載入速度、符合移動優先索引和簡化網站管理,RWD設計能顯著提升網站在搜尋引擎中的排名。
Thumbnail
本文章介紹了搜尋引擎優化 (SEO) 策略,包括關鍵字策略、內容品質、行動相容性、頁面載入速度等。此外,也談及內容行銷、社群媒體互動、電子郵件行銷、付費廣告、影響者合作 (Influencer Partnership) 及使用者體驗 (UX) 優化。提供了優化網站流量的建議。
Thumbnail
本文章介紹了搜尋引擎優化 (SEO) 策略,包括關鍵字策略、內容品質、行動相容性、頁面載入速度等。此外,也談及內容行銷、社群媒體互動、電子郵件行銷、付費廣告、影響者合作 (Influencer Partnership) 及使用者體驗 (UX) 優化。提供了優化網站流量的建議。
Thumbnail
伺服器端渲染(SSR)是一種在伺服器端渲染 HTML 頁面的技術。
Thumbnail
伺服器端渲染(SSR)是一種在伺服器端渲染 HTML 頁面的技術。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News