為我們的客戶帶來收入1,369,182,200 美元

Blog

網站速度和搜尋引擎 SEO優化:2024年完整指南

WebRto page speed-04
SEO優化

網站速度和搜尋引擎 SEO優化:2024年完整指南

什麼是網站速度?

網站(頁面)速度是載入網頁所需的時間。頁面的載入速度由幾個不同的因素決定,包括網站的伺服器、頁面檔案大小和圖片壓縮。

那是說:

「網站速度」並不像聽起來那麼簡單。

這是因為測量網站頁面速度的方法有很多。以下是最常見的三種:

完全載入的頁面:這是載入頁面上 100% 資源所需的時間。這是確定頁面載入速度的最直接方法。

第一個位元組的時間:這測量頁面開始載入過程所需的時間。

如果您曾經登陸過某個頁面並盯著白色螢幕幾秒鐘,這就是 TTFB 在起作用。

第一次有意義的繪製/第一次上下文繪製:頁面加載足夠的資源以使用戶能夠閱讀該頁面上的內容所需的時間。

例如,假設您有一篇部落格文章需要 10 秒才能完全加載。

這是一個很長的時間……如果你只看整個頁面加載需要多長時間。

另一方面,專注於「首次有意義的繪製」有時可以更好地代表使用者在頁面載入時實際與頁面互動的方式。

例如,讓我們再看一下需要 10 秒鐘才能載入頁面所有資源的頁面。

儘管整個頁面需要一段時間才能加載,但當用戶第一次登陸該頁面時,他們會在 1.5 秒後獲得「第一次有意義的繪製」。

這意味著他們幾乎可以立即開始與您的頁面互動。所以對於使用者來說,你的頁面速度很快。

底線?

有很多不同的方法來測量頁面速度。並且沒有任何「正確」的指標可以擊敗所有其他指標。它們都有優點和缺點。

相反,應專注於提高您找到的所有指標的頁面載入速度。

為什麼網站速度對 SEO 很重要?

自 2010 年起, Google 就將頁面速度作為一個排名因素。

2018 年,Google透過「速度」更新提高了網站速度的重要性。

簡而言之:

加載緩慢的網站可能會損害您的 Google 排名。

問題是:Google 如何決定您網站的載入速度?他們是否會查看 100% 的頁面加載需要多長時間?還是TTFB?

他們還沒有對此發表任何官方聲明。但考慮到他們在PageSpeed Insights 工具中報告所有這些指標,我知道他們可能使用不同頁面速度測量的組合:

因此,以下是提高網站載入速度的方法。

最佳實踐

壓縮影像

我把這個放在第一位,因為這通常是最大的勝利。

畢竟,圖像通常佔據頁面大小的 50-90%。

(以及載入速度)

例如,從我網站上的頁面查看此頁面速度報告:

正如您所看到的,86.2% 的頁面大小是由圖像決定的:

因此,您可以壓縮圖像的次數越多,頁面的載入速度就越快。

如何?

如果您的網站在 WordPress 上運行,那麼我強烈推薦一個名為WP Smush的外掛程式:

它會自動壓縮您上傳到 WordPress 媒體庫的任何圖像。至少根據該外掛程式的創建者的說法,這可以將圖像檔案大小減少 14.2%。

不使用 WordPress?仍然有許多影像壓縮選項,例如CesiumMass Image Compressor

與過去不同,現在大多數壓縮工具要么使用無損壓縮,要么僅將影像品質降低到幾乎無法察覺的程度。

例如,我們在 WebRto 壓縮 100% 的映像。而且它們看起來仍然漂亮又銳利:

清理並壓縮您的程式碼

換句話說:縮小頁面上的資源

這包括:

  • 超文本標記語言
  • CSS
  • JavaScript
  • 以及您頁面上找到的任何其他程式碼

您的第一步應該是清理頁面上所有臃腫的程式碼。這些額外的程式碼可能來自您的網站上不再有的功能。或來自劣質的開發人員工作。

無論哪種方式:程式碼越乾淨,載入速度就越快。

(是的,這押韻🙂)

然後,使用GZip等程式壓縮程式碼。

升級託管

這是一個我沒有看到足夠多的人談論的技巧。

您可以整天清理程式碼並壓縮圖像。但如果您每月花費 4.99 美元用於託管,您的網站將無法快速加載。

那是因為您與一百萬個其他網站共享伺服器。

那裡有一百萬個網站主機。所以我不能特別推薦一個。

但我可以說,作為一般規則:在託管方面,一分錢一分貨。

因此,如果您真的想提高網站的載入速度,那麼可能是時候升級到高級主機或專用伺服器了。

啟動瀏覽器快取

這允許用戶將頁面的部分內容儲存在他們的瀏覽器快取中。

因此,下次他們訪問您的網站時,加載速度會更快。

不幸的是,這不會幫助首次訪客更快地載入頁面。但這對於提高以前造訪過您網站的用戶的載入速度非常有用。

您可以在 .htaccess 檔案中設定瀏覽器快取。或使用 WordPress 外掛。

實施 CDN

內容交付網路 ( CDN ) 是提高網站載入速度的最簡單方法之一。

CDN 的工作原理是確定訪客的實體位置…然後從靠近他們的伺服器提供網站資源。

使用多頁面速度測試工具進行測試

現在您已經實施了這些步驟,是時候看看您的表現如何了。

我建議使用兩種不同的工具來測試頁面速度。

第一個是Google PageSpeed Insights

Google 的工具會掃描您頁面的程式碼是否有問題…

….和機會。

他們最近添加了一項功能,可以報告您的網站加載給實際人類用戶所需的時間(使用 Google Chrome 瀏覽器數據)。

這是超級有用的。

一句警告:您有時會發現該工具的建議對您的網站沒有意義。

例如,Google的工具建議我「以下一代格式提供圖像」。

然而,大多數瀏覽器(包括 Safari 和 Firefox)不支援這些「下一代」格式。因此,如果您切換到這些下一代格式,您網站的使用者體驗將會下降。

也就是說:這個工具中有大量有用的見解。我建議盡可能多實施。

接下來,我們有WebPageTest.org

WebPageTest 的一個很酷的地方是它在實際的瀏覽器中加載您的頁面。它可以讓您了解頁面上需要很長時間加載的特定部分。

最後,請務必嘗試網站檢查器

這是一個免費的網站最佳化工具,擁有 Semrush 帳戶的任何人都可以在 Semrush 應用程式中心使用。它的最酷之處在於,您可以直接在 Semrush 中檢查網站的速度和效能以及其他任務,並為您的網路團隊獲得可操作的見解。 

了解更多

行動速度案例研究 – 推動更快的頁面載入:3 個深入的案例研究,展示了提高速度如何轉化為更高的排名和更多的自然流量。

Leave your thought here

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *