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

閱讀時間約 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
主要放程式學習筆記,分享 Creative Coding 相關內容、作品
留言0
查看全部
發表第一個留言支持創作者!
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
當報表資料切換多頁時,如何在報表中重複顯示表頭的方法。
Thumbnail
SANSUI山水品牌 創立於1944年 公司總部位於日本東京 其優越研發與品質控管實力 一直基於業界領先地位 不斷持續開發與製造各類多樣化家電產品 滿足消費者各樣需求~ SANSUI山水智能掃拖掃地機器人SSR-V88 可透過網路下單 輕鬆宅配到府 SANSUI 山水 智能掃拖掃地機器人
Thumbnail
相信各位接觸過日本動畫的人,應該多少都會對編輯與作者間的關係產生一些憧憬和想像。 例如作者拖稿的時候,編輯就會殺到家裡來,或者是發生了什麼事情,編輯情義相挺,甚至是直接帶著慰問品來家裡來個驚喜,不然就是在討論劇情的來往之間,最後交織成浪漫戀曲…… 但坦白跟你說,這種事情在台灣基本上不太可能實現。 當
Thumbnail
身體上的痛苦我們可以藉助於醫療、藥物或是手術來處理,但是心靈上的認知、情緒與人際關係上的衝突與痛苦,要怎麼處理呢? 人生的問題大部分都是由內心所引起,而身心又是互相影響的。當我們的心靈上的認知與身體的感受差異過大的時候,就容易引起疾病與產生痛苦。
Thumbnail
在關係裡,不能夠理解另一方(暫且定義為不正常)的人(定義為正常),就變成被留下來的人(只有你被留下來的話,你是正常的嗎?),但既知改變與錯過的不可避免,我們該讓自己從未經歷過嗎?又或者能保證若改變的是自己,還能讓一切如常嗎?
Thumbnail
今天起床後,感冒與頭痛消了大半,不過骨頭非常非常的酸痛,躺在床上,突然悠悠的開始唱起了「生命之聲」,好久沒唱了啊~摸著酸疼的骨頭,緩緩讓聲音自由的鑽進骨頭與骨頭間的小細縫,狼女出現在我的面前,彷彿帶領般的引導著聲音自然的顫抖、高歌、低吟、振動,聲音溫柔的撫著骨頭,揚起附著骨頭上細細的悲傷~
Thumbnail
從開工以來,我們將目標初步定調為:讓系統更加穩定,並且在整體品牌體驗上減少複雜度。為此,我們在開發上有兩項主要目標,一是將整體的主題顏色做全站性的統整與優化;二則同時在方格子閱讀頁與首頁載入進行速度上的優化…
Thumbnail
前年八月,我沒有花錢就在常玩的手機遊戲上,以近萬分之一的機率陸續抽到超稀有卡片,截圖給朋友的我意氣風發地覺得自己真是運氣有夠旺;不久後我在工作中就出了錯,牽連到許多人,雖然錯誤很快得到了修正,且不論是時節、遊戲其實都與我在工作中的表現一點關係都沒有,但我仍不禁就將那些細節畫線連結。自那之後,看到日曆
Thumbnail
『喔不!怎麼又沒有中獎?』看著手機畫面呈現熟悉的漆黑一片,我已經抽了數不清的次數,但那期待的本命遊戲角色就是不給我出現,我在內心裡抱頭吶喊『到底....什麼時候才能中獎啊!!』 明明中獎機率就寫在手機畫面上,但怎麼就是輪不到我呢?我懷疑是我真的運氣太差、還是遊戲商不誠實?又或是上帝根本就在叫我放棄
Thumbnail
為了增進使用者體驗,前端愈來愈複雜,現在就讓我們一起搞懂技術名詞。
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
當報表資料切換多頁時,如何在報表中重複顯示表頭的方法。
Thumbnail
SANSUI山水品牌 創立於1944年 公司總部位於日本東京 其優越研發與品質控管實力 一直基於業界領先地位 不斷持續開發與製造各類多樣化家電產品 滿足消費者各樣需求~ SANSUI山水智能掃拖掃地機器人SSR-V88 可透過網路下單 輕鬆宅配到府 SANSUI 山水 智能掃拖掃地機器人
Thumbnail
相信各位接觸過日本動畫的人,應該多少都會對編輯與作者間的關係產生一些憧憬和想像。 例如作者拖稿的時候,編輯就會殺到家裡來,或者是發生了什麼事情,編輯情義相挺,甚至是直接帶著慰問品來家裡來個驚喜,不然就是在討論劇情的來往之間,最後交織成浪漫戀曲…… 但坦白跟你說,這種事情在台灣基本上不太可能實現。 當
Thumbnail
身體上的痛苦我們可以藉助於醫療、藥物或是手術來處理,但是心靈上的認知、情緒與人際關係上的衝突與痛苦,要怎麼處理呢? 人生的問題大部分都是由內心所引起,而身心又是互相影響的。當我們的心靈上的認知與身體的感受差異過大的時候,就容易引起疾病與產生痛苦。
Thumbnail
在關係裡,不能夠理解另一方(暫且定義為不正常)的人(定義為正常),就變成被留下來的人(只有你被留下來的話,你是正常的嗎?),但既知改變與錯過的不可避免,我們該讓自己從未經歷過嗎?又或者能保證若改變的是自己,還能讓一切如常嗎?
Thumbnail
今天起床後,感冒與頭痛消了大半,不過骨頭非常非常的酸痛,躺在床上,突然悠悠的開始唱起了「生命之聲」,好久沒唱了啊~摸著酸疼的骨頭,緩緩讓聲音自由的鑽進骨頭與骨頭間的小細縫,狼女出現在我的面前,彷彿帶領般的引導著聲音自然的顫抖、高歌、低吟、振動,聲音溫柔的撫著骨頭,揚起附著骨頭上細細的悲傷~
Thumbnail
從開工以來,我們將目標初步定調為:讓系統更加穩定,並且在整體品牌體驗上減少複雜度。為此,我們在開發上有兩項主要目標,一是將整體的主題顏色做全站性的統整與優化;二則同時在方格子閱讀頁與首頁載入進行速度上的優化…
Thumbnail
前年八月,我沒有花錢就在常玩的手機遊戲上,以近萬分之一的機率陸續抽到超稀有卡片,截圖給朋友的我意氣風發地覺得自己真是運氣有夠旺;不久後我在工作中就出了錯,牽連到許多人,雖然錯誤很快得到了修正,且不論是時節、遊戲其實都與我在工作中的表現一點關係都沒有,但我仍不禁就將那些細節畫線連結。自那之後,看到日曆
Thumbnail
『喔不!怎麼又沒有中獎?』看著手機畫面呈現熟悉的漆黑一片,我已經抽了數不清的次數,但那期待的本命遊戲角色就是不給我出現,我在內心裡抱頭吶喊『到底....什麼時候才能中獎啊!!』 明明中獎機率就寫在手機畫面上,但怎麼就是輪不到我呢?我懷疑是我真的運氣太差、還是遊戲商不誠實?又或是上帝根本就在叫我放棄
Thumbnail
為了增進使用者體驗,前端愈來愈複雜,現在就讓我們一起搞懂技術名詞。