您的網(wǎng)站速度與用戶體驗(yàn)和搜索引擎優(yōu)化 (SEO) 相關(guān)。人們的注意力平均時(shí)間縮短到了 8 秒。較慢的網(wǎng)站意味著您可能會(huì)失去受眾并提高跳出率。此外，您可能會(huì)留下不利的搜索引擎印象。

與此同時(shí)，93% 的互聯(lián)網(wǎng)體驗(yàn)始于搜索引擎。最高的 Google 結(jié)果有 33% 的機(jī)會(huì)被點(diǎn)擊。同時(shí)，75% 的人甚至不會(huì)越過(guò)搜索結(jié)果的第一頁(yè)。此外，自 2010 年以來(lái)，網(wǎng)站速度一直是Google 的排名因素之一。

換句話說(shuō)，更快的網(wǎng)站會(huì)帶來(lái)更好的用戶體驗(yàn)、更多的流量和轉(zhuǎn)化。所有這些都有助于更好的 SEO 和排名。對(duì)于 WordPress 網(wǎng)站和類似網(wǎng)站，擁有快速網(wǎng)站始于擁有托管服務(wù)提供商。繼續(xù)閱讀以了解如何優(yōu)化網(wǎng)站速度以獲得高 SEO 排名。

為什么頁(yè)面速度對(duì) SEO 很重要？

谷歌考慮了超過(guò) 200 個(gè)排名因素，但擁有有意義和真實(shí)的內(nèi)容應(yīng)該仍然是您的首要任務(wù)。然而，近年來(lái)，我們看到了對(duì)用戶體驗(yàn)和可訪問(wèn)性的更加關(guān)注的轉(zhuǎn)變。

自 2010 年以來(lái)，Google 一直使用您網(wǎng)站的速度作為排名因素。然后，在 2018 年，他們使您的網(wǎng)站在移動(dòng)設(shè)備上的速度成為一個(gè)更重要的信號(hào)。自 2020 年以來(lái)，所有網(wǎng)站創(chuàng)建者一直在關(guān)注的重大新聞是核心 Web Vitals 作為官方排名因素的添加，作為 Google 頁(yè)面體驗(yàn)的一部分。Core Web Vitals 是衡量用戶體驗(yàn)的三個(gè)新指標(biāo)，網(wǎng)站速度是其中之一。

了解頁(yè)面速度？

這個(gè)名字說(shuō)明了一切：頁(yè)面速度是頁(yè)面在用戶瀏覽器中加載所需的時(shí)間。然而，優(yōu)化你的頁(yè)面速度并不像名字所暗示的那么簡(jiǎn)單。站點(diǎn)的服務(wù)器、圖像壓縮、文件優(yōu)化和其他因素都會(huì)影響頁(yè)面加載所需的時(shí)間。

頁(yè)面速度指標(biāo)

讓我們熟悉一些最重要的網(wǎng)站速度指標(biāo)。要全面了解不同的頁(yè)面速度報(bào)告并優(yōu)化您的網(wǎng)站速度，您必須首先了解其術(shù)語(yǔ)。

沒(méi)有單一的指標(biāo)可以確定您的整體頁(yè)面速度評(píng)級(jí)。我們將看看最常見(jiàn)的：

• Time to First Byte (TTFT)?– 瀏覽器從服務(wù)器獲取內(nèi)容的第一個(gè)字節(jié)所需的時(shí)間，即頁(yè)面開(kāi)始加載需要多長(zhǎng)時(shí)間？
• 頁(yè)面加載時(shí)間——很簡(jiǎn)單：加載所有頁(yè)面資源需要多長(zhǎng)時(shí)間。
• First Paint (FP)?– 出現(xiàn)在用戶瀏覽器中的第一個(gè)像素。這可以是背景顏色或標(biāo)題圖像。改進(jìn)您的 FP 對(duì)您沒(méi)有多大幫助，因?yàn)橛脩羧匀幌Ｍ@示一些有意義的東西。
• First Contentful Paint (FCP)?– 瀏覽器渲染第一部分內(nèi)容（例如文本或圖像）所花費(fèi)的時(shí)間。
• 最大內(nèi)容繪制 (LCP)?– 與測(cè)量第一個(gè)內(nèi)容加載時(shí)間的首次內(nèi)容繪制 (FCP) 相比，LCP 專注于與用戶相關(guān)的最有意義的內(nèi)容。LCP 是 Core Web Vitals 新指標(biāo)的組成部分之一。它衡量您網(wǎng)站的主要內(nèi)容加載所需的時(shí)間。LCP 元素通常是您網(wǎng)站的主角部分、特色圖片或大文本段落。
• 首次輸入延遲 (FID)?– FID 是衡量網(wǎng)頁(yè)交互性和響應(yīng)性的真實(shí)用戶 Web 性能指標(biāo)。它考慮到用戶的第一感知并評(píng)估事件處理中的“延遲”。換句話說(shuō)，它計(jì)算用戶首次與您的網(wǎng)站交互（例如，通過(guò)單擊按鈕或鏈接）與瀏覽器做出反應(yīng)并開(kāi)始處理該交互之間的時(shí)間。
• 交互時(shí)間 (TTI)?– TTI 測(cè)量頁(yè)面變?yōu)橥耆换ニ璧臅r(shí)間。相反，F(xiàn)ID 測(cè)量頁(yè)面完全交互之前發(fā)生的用戶交互。

測(cè)量頁(yè)面速度

推薦網(wǎng)站的加載時(shí)間是多少？建議兩秒或更短的目標(biāo)時(shí)間是一個(gè)合理的目標(biāo)。有許多免費(fèi)的站點(diǎn)速度測(cè)試選項(xiàng)可供選擇。但是，在運(yùn)行任何網(wǎng)站速度測(cè)試或診斷之前，需要考慮一些事情。

保持變量不變

例如，在執(zhí)行網(wǎng)站性能測(cè)試時(shí)，請(qǐng)確保每次都從同一區(qū)域進(jìn)行測(cè)試。這可確保物理位置不會(huì)導(dǎo)致站點(diǎn)速度出現(xiàn)任何波動(dòng)。由于服務(wù)器遍布全球，因此在一個(gè)地方加載需要 5 秒鐘的內(nèi)容可能需要 2 秒鐘才能加載到另一個(gè)地方。這就是為什么測(cè)試您的大部分網(wǎng)站流量的來(lái)源或您希望定位的區(qū)域至關(guān)重要的原因。

重復(fù)測(cè)試幾次

因?yàn)槊看螠y(cè)試可能會(huì)獲得不同的結(jié)果，所以重復(fù)測(cè)試直到達(dá)到一致性至關(guān)重要。只有這樣，您才能確定存在需要進(jìn)一步調(diào)查的問(wèn)題。此外，您必須確保您的緩存版本和初始版本都能快速加載。

現(xiàn)在，這里有一些可以運(yùn)行速度測(cè)試的有用工具：

PageSpeed 見(jiàn)解

Google PageSpeed Insights 用于衡量網(wǎng)頁(yè)在移動(dòng)和桌面設(shè)備上的性能，是一種速度測(cè)試工具，可以幫助您提高網(wǎng)站的速度。PageSpeed 分?jǐn)?shù)的范圍為 0 到 100。分?jǐn)?shù)為 85 或更高表示該頁(yè)面運(yùn)行良好。報(bào)告頁(yè)面提供了一個(gè)有用的細(xì)分，您可以采取哪些措施來(lái)提高性能。PageSpeed Insights 還提供改善移動(dòng)設(shè)備用戶體驗(yàn)的建議。

PageSpeed 正在處理現(xiàn)場(chǎng)數(shù)據(jù)。現(xiàn)場(chǎng)數(shù)據(jù)是來(lái)自網(wǎng)站訪問(wèn)者在網(wǎng)頁(yè)上的體驗(yàn)的匿名性能信息，Google 通過(guò) Chrome 移動(dòng)瀏覽器收集這些信息，然后用于計(jì)算頁(yè)面速度指標(biāo)。

燈塔

Lighthouse 是一個(gè)開(kāi)源、自動(dòng)化的網(wǎng)頁(yè)質(zhì)量改進(jìn)解決方案。性能、可訪問(wèn)性、漸進(jìn)式 Web 應(yīng)用程序和其他因素都經(jīng)過(guò)審核。Lighthouse 在相當(dāng)長(zhǎng)的一段時(shí)間內(nèi)為提高頁(yè)面加載性能提供了多種建議，例如啟用文本壓縮和刪除渲染阻止腳本。該團(tuán)隊(duì)不斷發(fā)布新的審核，為您提供更有用的提示，讓您的網(wǎng)站更快。

Chrome DevTools 性能面板

Chrome DevTools 網(wǎng)絡(luò)面板包含在 Chrome 中。由于其易用性和適用于本地調(diào)試和測(cè)試，這是開(kāi)發(fā)人員中流行的工具。要在 Chrome 中打開(kāi)網(wǎng)絡(luò)面板，請(qǐng)按 Command+Option+I (Mac) 或 Control+Shift+I (Windows)（Windows、Linux）。之后，您可以分析您的網(wǎng)站以調(diào)查您的每項(xiàng)資產(chǎn)的性能。

網(wǎng)頁(yè)測(cè)試

這是一個(gè)免費(fèi)的開(kāi)源工具，用于衡量您網(wǎng)站的速度性能。它會(huì)更改您的位置、瀏覽器、連接類型和速度，并執(zhí)行各種測(cè)試。

如何優(yōu)化您的頁(yè)面速度？

從您的托管服務(wù)提供商開(kāi)始，以下是提高網(wǎng)站性能的最佳實(shí)踐列表：

選擇快速可靠的網(wǎng)絡(luò)托管服務(wù)提供商

服務(wù)器響應(yīng)時(shí)間慢是網(wǎng)站速度慢的最常見(jiàn)原因之一。請(qǐng)記住，快速的服務(wù)器托管服務(wù)提供商會(huì)對(duì)您的網(wǎng)站速度產(chǎn)生重大影響。簡(jiǎn)而言之，服務(wù)器響應(yīng)時(shí)間越快，您網(wǎng)站的性能就越好。

SiteGround提供由 Google Cloud、UltraFast PHP 設(shè)置、自定義 MySQL 數(shù)據(jù)庫(kù)設(shè)置和強(qiáng)大的防御系統(tǒng)提供支持的超快速托管服務(wù)，以防止任何類型的潛在威脅。他們的團(tuán)隊(duì)不斷開(kāi)發(fā)新工具和增強(qiáng)服務(wù)，以使您的網(wǎng)站更快、更安全、更易于管理。

啟用整頁(yè)緩存

當(dāng)您啟用全頁(yè)緩存時(shí)，您的網(wǎng)站頁(yè)面在首次加載后會(huì)以 HTML 文件的形式存儲(chǔ)在服務(wù)器上。只有第一次訪問(wèn)您的站點(diǎn)才能看到數(shù)據(jù)庫(kù)中的整個(gè)頁(yè)面內(nèi)容。其他人將直接從服務(wù)器的內(nèi)存中獲取頁(yè)面輸出，從而顯著提高速度并最終提高您的 SEO 分?jǐn)?shù)。

啟用壓縮

使用 Gzip 和 Brotli 等文件壓縮應(yīng)用程序減小 CSS、HTML 和 JavaScript 文件的大小。因此，瀏覽器將更快地加載此類文件，從而提高您的網(wǎng)站速度，并最終提高 SEO 分?jǐn)?shù)。

優(yōu)化媒體

以下是一些關(guān)于如何去做的好做法：

• 始終壓縮圖像：您可以通過(guò)減小圖像大小而不犧牲質(zhì)量來(lái)延長(zhǎng)加載時(shí)間。
• 以下一代格式提供圖像：例如 JPEG 2000、JPEG XR 和 WebP。鑒于此，Google 推薦使用 WebP 格式。
• 延遲加載靜態(tài)內(nèi)容：延遲加載是將資源或?qū)ο蟮募虞d或初始化推遲到需要它們以提高性能和節(jié)省系統(tǒng)資源的做法

優(yōu)化前端

通過(guò)使用各種前端優(yōu)化，例如縮小 CSS 和 JS 文件、優(yōu)化字體等，您可以減小網(wǎng)站頁(yè)面的實(shí)際大小并縮短加載時(shí)間。

使用 CDN

除了托管您網(wǎng)站的服務(wù)器之外，您還可以使用內(nèi)容交付網(wǎng)絡(luò) (CDN) 來(lái)減少所有訪問(wèn)者加載所需的時(shí)間。CDN 將在全球服務(wù)器網(wǎng)絡(luò)中緩存您的內(nèi)容，并從離訪問(wèn)者最近的網(wǎng)站加載您的網(wǎng)站，從而改善他們對(duì)您頁(yè)面的體驗(yàn)。

您還可以如何使用 SiteGround 優(yōu)化網(wǎng)站速度？

SiteGround 用戶享受開(kāi)箱即用的全頁(yè)緩存解決方案，稱為動(dòng)態(tài)緩存。默認(rèn)情況下為所有站點(diǎn)啟用它。根據(jù)網(wǎng)站的類型，您可以將頁(yè)面加載速度提高五倍。SiteGround 已經(jīng)部署并默認(rèn)啟用了下一代壓縮算法——Brotli。該算法將加載速度提高到 15-20%。優(yōu)化器插件可幫助您進(jìn)行圖像優(yōu)化、延遲加載媒體等。

速度測(cè)試后，您可以參考SiteGround 的基本速度提示列表，以進(jìn)行有效的網(wǎng)站優(yōu)化。此外，您還可以在WordPress 速度優(yōu)化電子書(shū)中了解如何創(chuàng)建高性能網(wǎng)站并獲得專家提示。網(wǎng)站速度至關(guān)重要，因?yàn)樗兄?SEO、增強(qiáng)用戶體驗(yàn)并增加轉(zhuǎn)化率。請(qǐng)記住從同一位置多次測(cè)試您的站點(diǎn)速度，以獲得可靠且可比較的結(jié)果。