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
查看全部
發表第一個留言支持創作者!
你可能也想看
CSR/ESG|特斯拉 CEO 馬斯克:比特幣不環保,暫停比特幣買車! 特斯拉 CEO 伊隆馬斯克對於加密貨幣的愛跟熱情一直都為人所知,每每當馬斯克在 Twitter 上發言,就會造成比特比、狗狗幣等加密貨幣的價值應聲上漲、下跌。幾個月前馬斯克宣布人們可以用比特幣購買特斯拉的車時,比特幣也一飛沖天;然而,現今特斯拉又以「不環保」為由,宣布比特幣不再接受比特幣付款了!
Thumbnail
avatar
本住人
2021-05-24
CSR/ESG|拜登領美國重返巴黎氣候協定,G7 高峰會呼籲各國一起響應 在美國新任總統拜登上任後,美國於上週(19 日)正式重返《巴黎氣候協定》(又稱「巴黎協定」),重新加入對抗氣候變遷的一員。 拜登於今年的 G7 國家虛擬高峰會中宣布,目標於 30 年內大幅降低美國的碳排放量,期望能透過美國的影響力鼓勵其他國家一齊響應。 《巴黎氣候協定》是什麼? 2015 年,聯合
Thumbnail
avatar
本住人
2021-03-02
CSR/ESG|讓「永續發展」從口號到落實(下):關鍵指標與具體行動倡議 國際間的官方/非官方協議與永續原則 全球永續話題掀起浪潮,組織與企業除了在大框架下力求符合 CSR 和 ESG 之外,國際間另有不少聯盟或協議,希望以不同的方式,從官方或民間的角度,切入 SDG 並整合更多參與者。其中較為著名的莫屬聯合國體系下、1992 年通過的「聯合國氣候變化綱要公約」 (Un
Thumbnail
avatar
本住人
2021-03-02
CSR/ESG|讓「永續發展」從口號到落實(上):淺談 ESG/CSR 這些關鍵指標 永續發展議題蔚為風潮,無論在國際上、各國政府、企業乃至 NGO,無不希望與之有所關聯,進而延伸對大眾影響。但不管是聯合國 17 個 SDG 目標,或是其他林總總的倡議與方案,我們更需要的不光是高呼口號,而是能實際在日常的生產消費與生活中,落實這些永續目標。 「Measure what you ca
Thumbnail
avatar
本住人
2021-03-02
CSR/ESG|更準確且嚴格落實 ESG,歐盟永續財務揭露規範(SFDR)3月正式上路 永續財務揭露規範(Sustainable Finance Disclosure Regulation,又稱 SFDR),是比 ESG 永續投資更進階的標準。近年來受到聯合國「永續發展」(SDG)理念的影響,企業界、金融界、與投資界紛紛響應,從過去的企業社會責任,到囊括「環境」(Environme
Thumbnail
avatar
本住人
2021-03-02
CSR/ESG|減碳的政策工具:碳稅 vs. 碳權知多少?談到再生能源議題時,碳權是一項非常重要的議題。畢竟鼓勵使用綠能的主要目的之一,就是要逐步降低二氧化碳的排放,無論減碳、碳中和,甚至是「負」的碳排(亦即,減少的量還能超過排放的量),已經成為各國政府的迫切任務。再加上,聯合國永續發展目標(SDG),與2015年通過的巴黎氣候協議更是明確要求...
Thumbnail
avatar
本住人
2021-01-18
CSR/ESG|所有人都該了解的責任投資原則(PRI) – 投資在能永續的項目上「高盛針對1000家企業進行ESG評鑑後更指出,ESG表現較佳的企業,現金回報率與穩定度都相對較高。」-ESG原則 ─ 一個平衡商業利益與社會、環境關懷的三贏辦法 (宇智顧問公司,2012) 因應聯合國永續發展目標(SDG),以及全球針對環境,社會,治理(ESG)方面日益重視,不光是企業界...
Thumbnail
avatar
本住人
2021-01-05
CSR/ESG|UBI無條件基本收入:一個打破社福迷思的尊嚴未來試想一下,如果政府每個月都發給所有國民一筆錢,讓他們能夠滿足基本生活所需,是不是一件很棒,但聽起來匪夷所思的事情?這正是「無條件基本收入」(又稱universal basic income,UBI)想要促成的目標。 無條件基本收入這件事歐美早有在討論,而台灣在這一兩年慢慢從媒體上看到相關話題...
Thumbnail
avatar
本住人
2020-12-31
CSR/ESG|ESG知多少?這幾年金融界與投資界吹起了ESG風潮,不同於過去CSR強調企業端的社會責任,ESG更重視永續發展目標中,那些攸關財務與投資的指標。投資人在考量報酬的同時,其實有越來越多的機構和個人,也會一併考慮到該項目對環境,社會,乃至自身的公司治理等方面,是否能做到符合那些「非財務報酬」的利益。更廣義來說...
Thumbnail
avatar
本住人
2020-12-29
CSR/ESG|後疫情時代,經濟如何朝向更永續的目標發展2020肇始,新冠疫情肆虐,全球經濟遭受程度不一的衝擊,根據聯合國開發署(UNDP)的報告,國際社會不分彼此,皆遭受程度不一的影響,在經濟與社會發展,人道主義危機,公共衛生與國家安全,乃至教育與人權等部分,受到相當的影響,特別是在開發中國家和最低度開發國家(LDC),疫情造成的衝擊更是嚴重影響...
Thumbnail
avatar
本住人
2020-12-29