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

更新於 2024/03/15閱讀時間約 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
查看全部
avatar-img
發表第一個留言支持創作者!
你可能也想看
Google News 追蹤
Thumbnail
本文探討了複利效應的重要性,並藉由巴菲特的投資理念,說明如何選擇穩定產生正報酬的資產及長期持有的核心理念。透過定期定額的投資方式,不僅能減少情緒影響,還能持續參與全球股市的發展。此外,文中介紹了使用國泰 Cube App 的便利性及低手續費,幫助投資者簡化投資流程,達成長期穩定增長的財務目標。
當報表資料切換多頁時,如何在報表中重複顯示表頭的方法。
Thumbnail
SANSUI山水品牌 創立於1944年 公司總部位於日本東京 其優越研發與品質控管實力 一直基於業界領先地位 不斷持續開發與製造各類多樣化家電產品 滿足消費者各樣需求~ SANSUI山水智能掃拖掃地機器人SSR-V88 可透過網路下單 輕鬆宅配到府 SANSUI 山水 智能掃拖掃地機器人
Thumbnail
相信各位接觸過日本動畫的人,應該多少都會對編輯與作者間的關係產生一些憧憬和想像。 例如作者拖稿的時候,編輯就會殺到家裡來,或者是發生了什麼事情,編輯情義相挺,甚至是直接帶著慰問品來家裡來個驚喜,不然就是在討論劇情的來往之間,最後交織成浪漫戀曲…… 但坦白跟你說,這種事情在台灣基本上不太可能實現。 當
Thumbnail
身體上的痛苦我們可以藉助於醫療、藥物或是手術來處理,但是心靈上的認知、情緒與人際關係上的衝突與痛苦,要怎麼處理呢? 人生的問題大部分都是由內心所引起,而身心又是互相影響的。當我們的心靈上的認知與身體的感受差異過大的時候,就容易引起疾病與產生痛苦。
Thumbnail
在關係裡,不能夠理解另一方(暫且定義為不正常)的人(定義為正常),就變成被留下來的人(只有你被留下來的話,你是正常的嗎?),但既知改變與錯過的不可避免,我們該讓自己從未經歷過嗎?又或者能保證若改變的是自己,還能讓一切如常嗎?
Thumbnail
今天起床後,感冒與頭痛消了大半,不過骨頭非常非常的酸痛,躺在床上,突然悠悠的開始唱起了「生命之聲」,好久沒唱了啊~摸著酸疼的骨頭,緩緩讓聲音自由的鑽進骨頭與骨頭間的小細縫,狼女出現在我的面前,彷彿帶領般的引導著聲音自然的顫抖、高歌、低吟、振動,聲音溫柔的撫著骨頭,揚起附著骨頭上細細的悲傷~
Thumbnail
從開工以來,我們將目標初步定調為:讓系統更加穩定,並且在整體品牌體驗上減少複雜度。為此,我們在開發上有兩項主要目標,一是將整體的主題顏色做全站性的統整與優化;二則同時在方格子閱讀頁與首頁載入進行速度上的優化…
Thumbnail
前年八月,我沒有花錢就在常玩的手機遊戲上,以近萬分之一的機率陸續抽到超稀有卡片,截圖給朋友的我意氣風發地覺得自己真是運氣有夠旺;不久後我在工作中就出了錯,牽連到許多人,雖然錯誤很快得到了修正,且不論是時節、遊戲其實都與我在工作中的表現一點關係都沒有,但我仍不禁就將那些細節畫線連結。自那之後,看到日曆
Thumbnail
『喔不!怎麼又沒有中獎?』看著手機畫面呈現熟悉的漆黑一片,我已經抽了數不清的次數,但那期待的本命遊戲角色就是不給我出現,我在內心裡抱頭吶喊『到底....什麼時候才能中獎啊!!』 明明中獎機率就寫在手機畫面上,但怎麼就是輪不到我呢?我懷疑是我真的運氣太差、還是遊戲商不誠實?又或是上帝根本就在叫我放棄
Thumbnail
為了增進使用者體驗,前端愈來愈複雜,現在就讓我們一起搞懂技術名詞。
Thumbnail
本文探討了複利效應的重要性,並藉由巴菲特的投資理念,說明如何選擇穩定產生正報酬的資產及長期持有的核心理念。透過定期定額的投資方式,不僅能減少情緒影響,還能持續參與全球股市的發展。此外,文中介紹了使用國泰 Cube App 的便利性及低手續費,幫助投資者簡化投資流程,達成長期穩定增長的財務目標。
當報表資料切換多頁時,如何在報表中重複顯示表頭的方法。
Thumbnail
SANSUI山水品牌 創立於1944年 公司總部位於日本東京 其優越研發與品質控管實力 一直基於業界領先地位 不斷持續開發與製造各類多樣化家電產品 滿足消費者各樣需求~ SANSUI山水智能掃拖掃地機器人SSR-V88 可透過網路下單 輕鬆宅配到府 SANSUI 山水 智能掃拖掃地機器人
Thumbnail
相信各位接觸過日本動畫的人,應該多少都會對編輯與作者間的關係產生一些憧憬和想像。 例如作者拖稿的時候,編輯就會殺到家裡來,或者是發生了什麼事情,編輯情義相挺,甚至是直接帶著慰問品來家裡來個驚喜,不然就是在討論劇情的來往之間,最後交織成浪漫戀曲…… 但坦白跟你說,這種事情在台灣基本上不太可能實現。 當
Thumbnail
身體上的痛苦我們可以藉助於醫療、藥物或是手術來處理,但是心靈上的認知、情緒與人際關係上的衝突與痛苦,要怎麼處理呢? 人生的問題大部分都是由內心所引起,而身心又是互相影響的。當我們的心靈上的認知與身體的感受差異過大的時候,就容易引起疾病與產生痛苦。
Thumbnail
在關係裡,不能夠理解另一方(暫且定義為不正常)的人(定義為正常),就變成被留下來的人(只有你被留下來的話,你是正常的嗎?),但既知改變與錯過的不可避免,我們該讓自己從未經歷過嗎?又或者能保證若改變的是自己,還能讓一切如常嗎?
Thumbnail
今天起床後,感冒與頭痛消了大半,不過骨頭非常非常的酸痛,躺在床上,突然悠悠的開始唱起了「生命之聲」,好久沒唱了啊~摸著酸疼的骨頭,緩緩讓聲音自由的鑽進骨頭與骨頭間的小細縫,狼女出現在我的面前,彷彿帶領般的引導著聲音自然的顫抖、高歌、低吟、振動,聲音溫柔的撫著骨頭,揚起附著骨頭上細細的悲傷~
Thumbnail
從開工以來,我們將目標初步定調為:讓系統更加穩定,並且在整體品牌體驗上減少複雜度。為此,我們在開發上有兩項主要目標,一是將整體的主題顏色做全站性的統整與優化;二則同時在方格子閱讀頁與首頁載入進行速度上的優化…
Thumbnail
前年八月,我沒有花錢就在常玩的手機遊戲上,以近萬分之一的機率陸續抽到超稀有卡片,截圖給朋友的我意氣風發地覺得自己真是運氣有夠旺;不久後我在工作中就出了錯,牽連到許多人,雖然錯誤很快得到了修正,且不論是時節、遊戲其實都與我在工作中的表現一點關係都沒有,但我仍不禁就將那些細節畫線連結。自那之後,看到日曆
Thumbnail
『喔不!怎麼又沒有中獎?』看著手機畫面呈現熟悉的漆黑一片,我已經抽了數不清的次數,但那期待的本命遊戲角色就是不給我出現,我在內心裡抱頭吶喊『到底....什麼時候才能中獎啊!!』 明明中獎機率就寫在手機畫面上,但怎麼就是輪不到我呢?我懷疑是我真的運氣太差、還是遊戲商不誠實?又或是上帝根本就在叫我放棄
Thumbnail
為了增進使用者體驗,前端愈來愈複雜,現在就讓我們一起搞懂技術名詞。