CSR (Client Side Rendering) 客戶端渲染

閱讀時間約 1 分鐘

CSR(Client Side Rendering)是一種將渲染資料的過程交由瀏覽器端處理的方法。

瀏覽器向 server 發送 request 後,接收到空的 HTML 頁面和 JS Bundle 等檔案、資源,所有的邏輯、取資料、交互事件、模板都在客戶端進行處理和加載。


CSR 的優點:

  • 可以使用 SPA (Single Page Application,單頁應用程式) 的架構,提供更好的用戶體驗和更快的頁面切換速度。
  • 可以使用更多的 JS 資源來支持更複雜的交互和動畫效果。
  • 可以更好地控制頁面的渲染過程,並且可以更好地利用瀏覽器的性能。


CSR 的缺點:

  • 首次加載時可能需要更多的時間,因為需要加載並執行 JS Bundle 文件。
  • SEO 問題,搜尋引擎爬蟲可能無法正確爬取和索引頁面內容,因為內容是通過 JS 渲染的
  • 對於低端設備和網路慢的環境,可能會出現更長的加載時間和更差的用戶體驗。


參考資料

  • Perplexity AI
主要放程式學習筆記,分享 Creative Coding 相關內容、作品
留言0
查看全部
發表第一個留言支持創作者!
伺服器端渲染(SSR)是一種在伺服器端渲染 HTML 頁面的技術。
伺服器端渲染(SSR)是一種在伺服器端渲染 HTML 頁面的技術。
你可能也想看
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
特斯拉 CEO 伊隆馬斯克對於加密貨幣的愛跟熱情一直都為人所知,每每當馬斯克在 Twitter 上發言,就會造成比特比、狗狗幣等加密貨幣的價值應聲上漲、下跌。幾個月前馬斯克宣布人們可以用比特幣購買特斯拉的車時,比特幣也一飛沖天;然而,現今特斯拉又以「不環保」為由,宣布比特幣不再接受比特幣付款了!
Thumbnail
在美國新任總統拜登上任後,美國於上週(19 日)正式重返《巴黎氣候協定》(又稱「巴黎協定」),重新加入對抗氣候變遷的一員。 拜登於今年的 G7 國家虛擬高峰會中宣布,目標於 30 年內大幅降低美國的碳排放量,期望能透過美國的影響力鼓勵其他國家一齊響應。 《巴黎氣候協定》是什麼? 2015 年,聯合
Thumbnail
國際間的官方/非官方協議與永續原則 全球永續話題掀起浪潮,組織與企業除了在大框架下力求符合 CSR 和 ESG 之外,國際間另有不少聯盟或協議,希望以不同的方式,從官方或民間的角度,切入 SDG 並整合更多參與者。其中較為著名的莫屬聯合國體系下、1992 年通過的「聯合國氣候變化綱要公約」 (Un
Thumbnail
永續發展議題蔚為風潮,無論在國際上、各國政府、企業乃至 NGO,無不希望與之有所關聯,進而延伸對大眾影響。但不管是聯合國 17 個 SDG 目標,或是其他林總總的倡議與方案,我們更需要的不光是高呼口號,而是能實際在日常的生產消費與生活中,落實這些永續目標。 「Measure what you ca
Thumbnail
永續財務揭露規範(Sustainable Finance Disclosure Regulation,又稱 SFDR),是比 ESG 永續投資更進階的標準。近年來受到聯合國「永續發展」(SDG)理念的影響,企業界、金融界、與投資界紛紛響應,從過去的企業社會責任,到囊括「環境」(Environme
Thumbnail
談到再生能源議題時,碳權是一項非常重要的議題。畢竟鼓勵使用綠能的主要目的之一,就是要逐步降低二氧化碳的排放,無論減碳、碳中和,甚至是「負」的碳排(亦即,減少的量還能超過排放的量),已經成為各國政府的迫切任務。再加上,聯合國永續發展目標(SDG),與2015年通過的巴黎氣候協議更是明確要求...
Thumbnail
「高盛針對1000家企業進行ESG評鑑後更指出,ESG表現較佳的企業,現金回報率與穩定度都相對較高。」-ESG原則 ─ 一個平衡商業利益與社會、環境關懷的三贏辦法 (宇智顧問公司,2012) 因應聯合國永續發展目標(SDG),以及全球針對環境,社會,治理(ESG)方面日益重視,不光是企業界...
Thumbnail
試想一下,如果政府每個月都發給所有國民一筆錢,讓他們能夠滿足基本生活所需,是不是一件很棒,但聽起來匪夷所思的事情?這正是「無條件基本收入」(又稱universal basic income,UBI)想要促成的目標。 無條件基本收入這件事歐美早有在討論,而台灣在這一兩年慢慢從媒體上看到相關話題...
Thumbnail
這幾年金融界與投資界吹起了ESG風潮,不同於過去CSR強調企業端的社會責任,ESG更重視永續發展目標中,那些攸關財務與投資的指標。投資人在考量報酬的同時,其實有越來越多的機構和個人,也會一併考慮到該項目對環境,社會,乃至自身的公司治理等方面,是否能做到符合那些「非財務報酬」的利益。更廣義來說...
Thumbnail
2020肇始,新冠疫情肆虐,全球經濟遭受程度不一的衝擊,根據聯合國開發署(UNDP)的報告,國際社會不分彼此,皆遭受程度不一的影響,在經濟與社會發展,人道主義危機,公共衛生與國家安全,乃至教育與人權等部分,受到相當的影響,特別是在開發中國家和最低度開發國家(LDC),疫情造成的衝擊更是嚴重影響...
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
特斯拉 CEO 伊隆馬斯克對於加密貨幣的愛跟熱情一直都為人所知,每每當馬斯克在 Twitter 上發言,就會造成比特比、狗狗幣等加密貨幣的價值應聲上漲、下跌。幾個月前馬斯克宣布人們可以用比特幣購買特斯拉的車時,比特幣也一飛沖天;然而,現今特斯拉又以「不環保」為由,宣布比特幣不再接受比特幣付款了!
Thumbnail
在美國新任總統拜登上任後,美國於上週(19 日)正式重返《巴黎氣候協定》(又稱「巴黎協定」),重新加入對抗氣候變遷的一員。 拜登於今年的 G7 國家虛擬高峰會中宣布,目標於 30 年內大幅降低美國的碳排放量,期望能透過美國的影響力鼓勵其他國家一齊響應。 《巴黎氣候協定》是什麼? 2015 年,聯合
Thumbnail
國際間的官方/非官方協議與永續原則 全球永續話題掀起浪潮,組織與企業除了在大框架下力求符合 CSR 和 ESG 之外,國際間另有不少聯盟或協議,希望以不同的方式,從官方或民間的角度,切入 SDG 並整合更多參與者。其中較為著名的莫屬聯合國體系下、1992 年通過的「聯合國氣候變化綱要公約」 (Un
Thumbnail
永續發展議題蔚為風潮,無論在國際上、各國政府、企業乃至 NGO,無不希望與之有所關聯,進而延伸對大眾影響。但不管是聯合國 17 個 SDG 目標,或是其他林總總的倡議與方案,我們更需要的不光是高呼口號,而是能實際在日常的生產消費與生活中,落實這些永續目標。 「Measure what you ca
Thumbnail
永續財務揭露規範(Sustainable Finance Disclosure Regulation,又稱 SFDR),是比 ESG 永續投資更進階的標準。近年來受到聯合國「永續發展」(SDG)理念的影響,企業界、金融界、與投資界紛紛響應,從過去的企業社會責任,到囊括「環境」(Environme
Thumbnail
談到再生能源議題時,碳權是一項非常重要的議題。畢竟鼓勵使用綠能的主要目的之一,就是要逐步降低二氧化碳的排放,無論減碳、碳中和,甚至是「負」的碳排(亦即,減少的量還能超過排放的量),已經成為各國政府的迫切任務。再加上,聯合國永續發展目標(SDG),與2015年通過的巴黎氣候協議更是明確要求...
Thumbnail
「高盛針對1000家企業進行ESG評鑑後更指出,ESG表現較佳的企業,現金回報率與穩定度都相對較高。」-ESG原則 ─ 一個平衡商業利益與社會、環境關懷的三贏辦法 (宇智顧問公司,2012) 因應聯合國永續發展目標(SDG),以及全球針對環境,社會,治理(ESG)方面日益重視,不光是企業界...
Thumbnail
試想一下,如果政府每個月都發給所有國民一筆錢,讓他們能夠滿足基本生活所需,是不是一件很棒,但聽起來匪夷所思的事情?這正是「無條件基本收入」(又稱universal basic income,UBI)想要促成的目標。 無條件基本收入這件事歐美早有在討論,而台灣在這一兩年慢慢從媒體上看到相關話題...
Thumbnail
這幾年金融界與投資界吹起了ESG風潮,不同於過去CSR強調企業端的社會責任,ESG更重視永續發展目標中,那些攸關財務與投資的指標。投資人在考量報酬的同時,其實有越來越多的機構和個人,也會一併考慮到該項目對環境,社會,乃至自身的公司治理等方面,是否能做到符合那些「非財務報酬」的利益。更廣義來說...
Thumbnail
2020肇始,新冠疫情肆虐,全球經濟遭受程度不一的衝擊,根據聯合國開發署(UNDP)的報告,國際社會不分彼此,皆遭受程度不一的影響,在經濟與社會發展,人道主義危機,公共衛生與國家安全,乃至教育與人權等部分,受到相當的影響,特別是在開發中國家和最低度開發國家(LDC),疫情造成的衝擊更是嚴重影響...