如何一次性改善網站的 TTFB、LCP 和頁面加載時間?

已發表: 2023-07-01
cloudwayscdn-邊緣-緩存-ttfb-lcp

每個網站所有者都夢想建立一個快速加載的網站,以獲得更高的谷歌排名和巨大的轉化率。 我想您也有同樣的願望,所以您就來到這裡吧!

讓網站加載速度快如閃電的最佳方法是改善TTFB (首字節時間)、頁面加載時間LCP (最大內容繪製,核心 Web 生命力指標)

如果我說我有一個解決方案可以讓這三個速度 Metrix 獲得更低的值,那麼您感覺如何? 你會很興奮,對吧?

是的! 通過新推出的 Cloudways 託管功能以及與 Cloudflare 的合作,您可以一次性縮短 TTFB、LCP 和站點加載時間。

我在過去 5 年裡一直使用這個託管主機,對其出色的速度和安全性能感到非常滿意; 到目前為止,我從未遇到過停機問題。

Cloudways 託管中的最新插件是什麼? Cloudflare Enterprise 的邊緣頁面緩存和 Argo 智能路由是我的高性能博客的要求。

我一直在尋找全頁緩存來傳遞核心網絡生命。 我為 Cloudflare Argo Pro 計劃支付了 20 美元以獲得此功能,現在可以在 Cloudways 中使用。

當您正在尋求頁面速度改進時,讓我解釋一下 Cloudways Cloudflare CDN 集成的這些速度功能,因此您將獲得它來提高您的網站速度得分。

什麼是邊緣頁面緩存? 它有什麼好處?

它不再將內存空間放在 CDN 的中心位置,而是移至更靠近網絡邊緣的位置,以便用戶可以更有效地檢索數據。 因此,網絡的整體負載和延遲得到減少,數據中心的壓力也較低。

簡而言之,它是位於網絡邊緣的物理硬件,具有高性能計算資源來管理數據存儲。 它類似於雲數據中心,存儲常用資源以供交付。

因此,邊緣頁面緩存將您的熱門網頁緩存在全球 275 個以上 POP 中的 Cloudflare 邊緣服務器上。 它比部分緩存更快,因為您喜愛的頁面會立即從最近的邊緣服務器傳送給您的讀者。

好處

  • 由於收到的請求較少,因此減少了原始服務器的負載
  • 當源服務器出現故障時保持您的站點可用
  • 降低帶寬和延遲; 提高性能和安全性
  • 實時響應並優化您的數據結構
  • 服務海量用戶,處理更高流量
  • 當您的內容更接近受眾時,可以縮短頁面加載時間

與邊緣頁面緩存一樣,您應該了解Argo 智能路由及其優點

什麼是Argo智能路由? 它有什麼好處?

Cloudflare 的 Argo 智能路由可以發現網絡的實時流量擁塞情況,並通過最佳路線將您的內容傳送給最終用戶。 它通過有效利用您的帶寬,極大地縮短了頁面加載時間。

由於 Argo 路由可以檢測內容交付的最佳路徑並將網絡延遲減少 30%,因此您的網站加載速度將超快,從而帶來出色的用戶體驗並降低跳出率,從而獲得更高的 Google 排名。

好處

  • 改善用戶體驗
  • 增加正常運行時間
  • 加密流量,安全性高
  • 動態內容交付
  • 通過直方圖進行詳細分析

Cloudways + Cloudflare CDN

CDN(內容交付網絡)對於加速商業網站至關重要。 Cloudways 認識到固定客戶站點的重要性,並與世界一流的 CDN Cloudflare 合作。

它是一個非常實惠的付費插件(少於 5 個域名為 4.99 美元)。 我已通過分步說明和視頻教程清楚地解釋瞭如何將 Cloudflare CDN 集成到 Cloudways 託管中。 不使用此託管? 立即通過 Cloudways 促銷代碼獲取!

CloudwaysCDN 包含

  • 100GB 企業 CDN
  • DDoS 防護和防火牆
  • 圖像優化和 Brotli 壓縮
  • Mirage移動優化
  • HTTP/3 支持

現在,

  • 邊緣頁面緩存
  • Argo智能路由
  • 全局速率限制
  • 蜜罐項目

如何在Cloudways CDN中啟用邊緣緩存?

如果您已激活 CloudwaysCDN,則啟用邊緣頁面緩存很容易。 讓我告訴你幾個步驟來啟用它!

第 1 步:訪問您的 Cloudways 儀表板

第 2 步:選擇您的服務器,然後轉到“應用程序

第3步:轉到Cloudflare部分; 你會看到以下設置

步驟 4:轉到“設置”選項卡並啟用下面屏幕截圖中顯示的選項。

就這樣! 您已成功在 Cloudways CDN 中啟用邊緣緩存以加速您的 WordPress 網站。

現在,讓我們看看邊緣頁面緩存激活前後的 TTFB、LCP 和頁面加載時間的得分。

GTMETRIX 測試結果

我的網站託管在印度班加羅爾的 DO 2GB 服務器上。 我在 GTMetrix 中測試了我的博客加載時間,以下是結果供您查看! 看看標記的分數!

啟用 Cloudways CDN 邊緣頁面緩存之前

邊緣緩存之前的 gtmetrix 分數

激活 Cloudways CDN 邊緣頁面緩存後

cloudwayscdn 邊緣頁面緩存

您可以看到 TTFB、LCP 和滿載時間的調整。 這樣,我網站的TTFB值就提升了56.6%

不只是在一個國家! 我在世界各地的不同地點進行了速度測試,以下是結果。

地點TTFB 邊緣緩存後的TTFB 液晶聚合物邊緣緩存後的 LCP 完全加載時間邊緣緩存後完全加載時間
加拿大溫哥華152毫秒66毫秒379毫秒236毫秒2.9秒2.1秒
中國香港228毫秒50毫秒507毫秒312毫秒2.9秒1.9秒
英國倫敦190毫秒41毫秒626毫秒264毫秒2.2秒2.2秒
悉尼,澳大利亞228毫秒68毫秒728毫秒353毫秒4.8秒3.1秒
印度孟買394毫秒49毫秒1.8秒1.1秒4.7秒2.9秒
美國德克薩斯州聖安東尼奧115毫秒48毫秒428毫秒265毫秒2.5秒1.8秒
巴西聖保羅463毫秒72毫秒1.1秒634毫秒3.5秒2.6秒
您可以看到每個位置的速度值提升! 現在,讓我們進一步深入研究速度測試!

SpeedVitals 測試結果

SpeedVitals是一個著名的衡量網站性能的網站。 看一下CloudwaysCDN中邊緣頁面緩存前後的性能得分。

Cloudways CDN 全頁緩存之前的性能

cloudways 邊緣緩存之前的性能

Cloudways CDN 全頁緩存後的性能

cloudwayscdn 邊緣緩存後的性能

毫無疑問,Cloudways 託管中的 Cloudflare CDN 插件的全頁緩存提高了網站加載速度。

從上面的截圖中,你可以看到我的網站的性能等級已經從“C”飆升到了“A” 。 這是一個巨大的速度提升,我期待更高的用戶參與度並引起谷歌的注意。

現在,讓我展示一下激活 Cloudways CDN Edge 緩存之前和之後的 TTFB 分數。

TTFB 在歐洲的得分領先於邊緣緩存

歐洲邊緣緩存狀態之前

歐洲邊緣緩存後的 TTFB 測試結果

邊緣緩存後 ttfb-歐洲

為了以清晰的格式顯示 TTFB 分數,我在表中輸入了速度值! 查看 TTFB 值的減少。

地點邊緣緩存之前邊緣緩存後
英國倫敦468毫秒191毫秒
法國巴黎215毫秒206毫秒
瑞典349毫秒79毫秒
芬蘭306毫秒57毫秒
比利時248毫秒63毫秒
西班牙馬德里295毫秒220毫秒
意大利米蘭594毫秒36毫秒
荷蘭243毫秒213毫秒
波蘭華沙661毫秒36毫秒
德國法蘭克福529毫秒230毫秒
平均的391毫秒133毫秒
從平均值中,我了解到我的網站的TTFB 在歐洲提高了 66% 。 您不需要這個頁面加載時間進度嗎?

美國 Cloudways CDN 全頁緩存之前的 TTFB 結果

cloudwayscdn-ttfb-america-before-邊緣緩存

繼美國 Cloudways CDN 全頁緩存之後 TTFB 的價值

ttfb-cloudwayscdn-美國-邊緣緩存後

啟用 Cloudways CDN Edge 頁面緩存後,不要錯過檢查 TTFB 速度得分的改進!

地點邊緣緩存之前邊緣緩存後
美國拉斯維加斯166毫秒74毫秒
美國洛瓦238毫秒125毫秒
美國南卡羅來納州194毫秒69毫秒
美國弗吉尼亞州北部138毫秒115毫秒
美國俄勒岡州194毫秒62毫秒
美國達拉斯211毫秒89毫秒
加拿大蒙特利爾162毫秒52毫秒
巴西聖保羅454毫秒36毫秒
智利聖地亞哥435毫秒38毫秒
平均的244毫秒73毫秒
在平均分數的幫助下,我計算出我的網站的 TTFB 在美國提高了 70% 。 我對速度得分的大幅躍升感到非常高興。

TTFB 在亞太和非洲地區的得分領先於邊緣頁面 Cloudways CDN 緩存

ttfb-亞太-非洲-邊緣緩存之前

Cloudways CDN 邊緣緩存在亞太和非洲地區的 TTFB 結果

ttfb-cloudwayscdn-亞洲-非洲-邊緣頁面緩存後

最後,查看使用和不使用 Cloudways CDN 全頁緩存的 TTFB 值。

地點緩存之前緩存後
印度孟買474毫秒84毫秒
印度德里830毫秒68毫秒
台灣305毫秒45毫秒
香港370毫秒45毫秒
日本東京344毫秒38毫秒
新加坡255毫秒240毫秒
雅加達,印度尼西亞593毫秒77毫秒
悉尼,澳大利亞227毫秒218毫秒
阿聯酋迪拜786毫秒130毫秒
以色列特拉維夫833毫秒147毫秒
南非928毫秒107毫秒
平均的540毫秒109毫秒
對於亞太和非洲地區, TTFB 分數調整了 79.8% 。 由於我們的目標受眾位於這些地區,因此我對加載時間的延長感到滿意。

Cloudways CDN 邊緣緩存 – 常見問題解答

我正在使用 CloudwaysCDN。 我需要為邊緣頁面緩存支付額外費用嗎?

不! 您無需支付額外費用即可激活 Cloudways 託管中的邊緣緩存。

CloudwaysCDN 中的全局速率限制是什麼?

Cloudflare CDN 中的全局速率限制可保護您的網站免受惡意自動流量的影響,並確保 100% 的正常運行時間。 此安全功能現已可供 CloudwaysCDN 用戶使用。 您需要激活它。

我可以通過邊緣緩存提高 TTFB 分數嗎?

是的當然! 我們看到 TTFB、LCP 和網站滿載時間有了顯著改進。 在 CloudwaysCDN 中啟用此 Cloudflare 功能後,檢查我們的速度得分(附有屏幕截圖)。

為什麼我應該將 Cloudflare Enterprise Addon 集成到 Cloudways Hosting 中?

如果您擁有專用的企業站點,則應該在 Cloudways 託管中獲取 Cloudflare 企業插件,以獲得其託管服務並專注於業務增長,避免使用多個插件,通過增強的安全性防止惡意流量並提高站點性能。

總結 – 使用 CloudwaysCDN 邊緣緩存改善 TTFB、LCP 和頁面加載時間

CDN 減少了 Web 服務器的負載並加速了受眾的內容交付。 但是,您應該謹慎選擇可靠的 CDN 提供商來保護您的數據並提高網站的速度性能。

Cloudways 託管團隊始終致力於為客戶提供最快的託管服務。 他們推出了多種速度品質,其 Cloudflare CDN 合作夥伴就是其中之一。

現在,他們將速度提升到了一個新的高度,他們提供了邊緣頁面緩存和 Argo 智能路由,以實現更快的加載時間,以便您的受眾,無論身在何處,都可以快速訪問您的網站。

因此,為了減少網站的 TTFB 和 Core Web Vitals 的 LCP,您應該考慮使用 CloudwaysCDN 並啟用全頁緩存,而無需任何額外費用。 你在等什麼? 免費開始使用 Cloudways,並享受 30 美元的折扣。