您在現代網絡上看到的幾乎每個網站都使用 Javascript。Javascript 使網站具有交互性、個性化，并提供比純 HTML 更豐富的用戶體驗。然而，Javascript 往往會使頁面變慢，因為它需要加載額外的代碼和資源。隨著您的網站規模不斷擴大，Javascript 代碼的數量、復雜性和依賴性也會隨之增加。這可能會導致性能不佳、網站運行緩慢和用戶體驗不佳。

默認情況下，網頁會在您的瀏覽器中加載并執行 Javascript。這稱為客戶端渲染。另一種方法是服務器端渲染 (SSR)，它在服務器上執行 Javascript，然后將平面 HTML 響應發送到瀏覽器。

SSR 消除了在瀏覽器中加載和處理 Javascript 的需要，并改進了某些性能指標，例如 First Paint 和 First Contentful Paint。但是，它并不能神奇地使頁面快速點亮：在服務器上生成頁面需要時間，這通常會導致首字節時間(TTFB) 變慢。

我如何知道我的網站應該使用 SSR 還是客戶端渲染？

大多數 Javascript 框架（Angular、Vue、React 等）都支持 SSR。但是，僅僅因為 SSR 可用并不意味著它最適合您的網站。對于中小型網站或主要關注內容的網站，采用和使用 SSR 解決方案相當容易。另一方面，大型企業應用程序難以弄清楚如何以經濟高效的方式執行 SSR。

開發人員在使用 SSR 時面臨的最大障礙圍繞著復雜性。一些常見問題包括：

• 許多活動部件：大型網站傾向于使用復雜的代碼庫，這些代碼庫是拼湊在一起并隨著時間的推移而發展的。這就是為什么推出 SSR 幾乎與從頭開始完全重建一樣困難。
• 資源分配：將 SSR 添加到站點需要幾個月的時間，并且需要工程團隊的大量投資。這可能意味著他們將無法專注于添加功能、處理現有技術債務或推出任何新項目。
• 缺乏文檔和統一方法：像 AirBnB 這樣擁有大量工程資源的大公司有能力投資構建自己的 SSR 解決方案。精益團隊或使用大量遺留代碼的團隊會發現這要困難得多。
• 持續支持：即使您構建并啟動您的 SSR 應用程序，您也沒有完成。對于新的站點更新，您必須確保 SSR 仍按預期工作，并修復新版本引入的任何潛在問題。
• 衡量影響：值得投資嗎？我將如何衡量績效差異并將它們與對業務、訪問量和收入的影響聯系起來？在不知道是否會得到回報的情況下，很難獲得構建 SSR 解決方案的支持。

對于很多公司和工程團隊來說，SSR 仍然是一項艱巨的任務，很難判斷是否值得去做。我們在構建了一個解決 SEO 性能問題的解決方案，使用動態渲染、質量控制和緩存。它被稱為Speedworkers。

動態渲染：照顧機器人

與服務器端渲染類似，動態渲染將僅向搜索機器人預渲染和提供純 HTML 內容。

這對 SEO 來說是一個巨大的好處，原因有很多：

• 機器人可以更快地抓取您的內容，因此您的抓取預算會增加
• 他們可以訪問以前從未見過的頁面，從而提高索引
• 他們可以更有效、更頻繁地抓取您的內容，從而使索引中的內容更新鮮
• 您的所有重要內容對機器人都是可見的，包括通常通過 Javascript 呈現的內容。

同時，您的最終用戶沒有任何改變：他們在瀏覽器中啟用 Javascript 后獲得相同的內容。當然，最好也為用戶優化加載時間，但這比平衡 SSR 和 CSR 容易得多。

使用動態渲染和 SpeedWorkers，我們消除了對 SSR 的所有復雜性和需求。這是因為我們的解決方案涉及：

• 沒有移動部件：我們在 CDN 級別上設置 SpeedWorkers，甚至無需接觸您的網站
• 資源分配無憂：讓您的技術團隊專注于重要項目
• 無需閱讀文檔：我們知道動態渲染已獲得 Google 和 Bing 的認可和推薦
• 沒有額外的支持：這是一個相當交鑰匙的解決方案，我們運行和維護它
• 我們通過 SiteAnalytics 衡量影響，通過 SpeedWorkers 儀表板監控績效并為您提供報告。

SpeedWorkers 還可以為您節省基礎設施成本，因為現在 SpeedWorkers 承擔了大量的機器人流量，而不是您的服務器。

您可以期待的結果

SpeedWorkers 機器人的目標交付時間低于 300 毫秒。最重要的是，我們的緩存效率通常會帶來更高的速度增益。在啟動 SpeedWorkers 之后，您可以期待頁面交付速度的提高。隨著頁面變得更快，機器人開始更有效地抓取您的網站，獲取更多內容。

戰略頁面的爬取率也會增加，因為搜索機器人會在你的網站結構中變得更深更廣。如果您是一個電子商務網站，并且提高了產品詳細信息頁面的抓取率，那么這些頁面很有可能會被編入索引和排名。因此，用戶可以看到更多的產品庫存。

提高速度的另一個好處是增加推動自然流量的活動頁面。最后，被索引、排名和獲得點擊的頁面越多，它們可以產生的增量收入就越多。這些是純粹的 SEO 好處。我們還知道，SpeedWorkers 消除了投資工程資源的需要，并節省了基礎設施成本，因為來自機器人的所有流量都流向 SpeedWorkers，而不是您的服務器。我們托管和維護它，因此您不必擔心。

SSR 與 CSR 相比具有明顯的優勢。然而，SSR 可能很復雜、令人困惑且成本高昂。動態渲染是 SEO 的絕佳替代方案 - 聯系我們獲取 SpeedWorkers 的免費自定義演示，并可視化您網站的好處。