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

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

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

我如何知道我的網(wǎng)站應(yīng)該使用 SSR 還是客戶端渲染？

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

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

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

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

動態(tài)渲染：照顧機(jī)器人

與服務(wù)器端渲染類似，動態(tài)渲染將僅向搜索機(jī)器人預(yù)渲染和提供純 HTML 內(nèi)容。

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

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

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

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

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

SpeedWorkers 還可以為您節(jié)省基礎(chǔ)設(shè)施成本，因為現(xiàn)在 SpeedWorkers 承擔(dān)了大量的機(jī)器人流量，而不是您的服務(wù)器。

您可以期待的結(jié)果

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

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

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

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