訪客都希望享有快速流暢的網站體驗,因此網站速度成了經營網站一大關鍵要素。本指南會說明影響網站速度的因素、可用於測量網站速度的工具、這類工具可提供的資訊,以及改善網站速度的實際範例。
在此指南中
導致網站速度減慢最常見的因素如下:
- 高解析度或未最佳化的圖片。
- 安裝的外掛程式數量和/或品質。
- 第三方佈景主題載入速度緩慢。
- 單一頁面包含的內容 (尤其是圖片和媒體檔案。)
- 用於造訪網站的裝置網路連線速度。
WordPress.com 負責管理網站速度的技術層面,讓你不必費心於此方面的工作。我們架構了一套具有多個快取層和後端最佳化的系統,確保你的網站在世界各地都能快速載入;這套系統曾獲評為 2021 年最快速的主機。除了最佳化主機環境之外,我們還有:
- 提供最佳化的網站佈景主題。
- 使用內容傳遞網路 (CDN),確保世界各地的訪客都能快速載入你的網站內容。
- 提供能夠最佳化網站速度的工具和資源 (如下所述)。
第三方外掛程式和佈景主題是拖慢網站速度的主因。由於免費版、個人版和進階版網站無法安裝第三方外掛程式和佈景主題,因此這三類網站並不常遇到速度問題。
除了外掛程式之外,拖慢網站速度的最大原因在於網站或網誌單一頁面的圖片大小和數量。任誰都想與訪客分享最高畫質的圖片,但圖片檔案會因此變得過大,遠遠超出必要。
請依照我們的「圖片最佳化」支援指南操作,確保圖片已針對網路瀏覽最佳化。
理想上,你理當盡可能加快網站的載入速度。但你必須在取得網站運作與服務讀者所需的功能,以及實際可行的速度之間取得平衡。
平均而言,一個網站可能需要最多 4 到 5 秒才能完成載入,但網站速度會因諸多因素而有所不同,最常見的原因包括:
當網站的外掛程式數量過多,載入時間就可能比外掛程式不多的網站更久。因為網站需要處理更多程式碼才能轉譯訪客看到的頁面。
如果你選購支援外掛程式的方案,我們加入了幾個可協助你最佳化網站的選項:
- 頁面最佳化外掛程式:此外掛程式中的選項可協助你串連 CSS 和 JavaScript,並讓非關鍵指令碼延後執行。這類選項有助於改善瀏覽器載入 WordPress.com 網站的速度。
- Jetpack 的 CDN:Jetpack 包含內容傳遞網路 (CDN) 功能,可協助你分散伺服器負載並節省頻寬。前往「設定」→「效能」→「效能和速度」,即可找到相關設定。
即使你認為某些外掛程式不可或缺,只要網站表現受到影響,那就建議你重新評估網站的「必備要素」。
根據經驗法則,用到的外掛程式越少越好。請留意,以下外掛程式類別並非 WordPress.com 網站的必備工具:
- 安全性和 SSL
- 備份
- 快取
- 網站速度和最佳化
- 資料庫管理
- 暫存
- 垃圾訊息防護
- 網站重設
你的 WordPress.com 方案會提供上述所有功能。安裝這些外掛程式可能會影響網站的內建效能功能。
我們列了一份不相容外掛程式完整清單,請在此處查看。
從 YouTube、Vimeo、Soundcloud、TripAdvisor、Google AdSense、Twitter 和 Facebook 等服務串流視訊和小工具也會影響載入時間。這是因為網站/內容中的這些服務來自外部來源,你必須先等候它們完成載入,網站才能完全載入。
儘管網站本來就存在必須等候的元素,但這些等候時間通常很零碎,若頁面中有大量嵌入素材,延遲時間就會變得難以忽視。
圖片未經過最佳化即上傳,可能會對網站的載入速度造成影響,因為大型圖片檔案的載入時間更長。
不過你可以在上傳圖片之前先進行最佳化。本指南詳細說明了盡快載入圖片的方法。
佈景主題主宰了網站的版面配置和設計。支援外掛程式功能的 WordPress.com 方案可讓你上傳任何創作者的佈景主題,不必僅限從我們載入速度快的 WordPress.com 佈景主題展示中選擇。上千個佈景主題讓你多出了不少選擇,但也別忘了,這些佈景主題在開發時未必有將速度考量在內。
挑選佈景主題時,你可以查看每個佈景主題的評論、有效安裝次數、最近更新時間和相容性。這些都是挑選佈景主題時需考量的要素。
有些佈景主題外觀炫目驚艷,但若是搭載過多額外功能,可能會成為網站速度的最大負擔。因此建議選擇佈景主題時多加留意,只要有自己需要的功能就夠了,你並不需要大量的額外功能。
你任職的產業也可能影響網站效能和負載。歷來汽車、旅遊、零售和娛樂產業的網站往往需要較長的時間載入,主要原因是這類網站的規模較大,要載入的資源 (媒體、樣式和指令碼) 最多。
網路上可找到好幾款網站速度測量工具,包括:
自動化網站效能工具會提供一般建議,並可協助找出提升網站速度的最佳做法和機會。
但這類工具通常不考慮特定軟體平台 (如 WordPress.com),或維護網站外觀和良好運作所需的工具。
例如 Google PageSpeed Insights 經常建議刪除禁止轉譯的 Javascript 和 CSS。但這麼做對提升速度幾乎毫無幫助,反而會讓網站無法正常運作。
以 Google 的一個自家網站為例,該網站使用自家 PageSpeed Insights 工具評測,得分相當低:
https://developers.google.com/speed/pagespeed/insights/?url=fonts.google.com
分數低不代表網站「不好」,只是不符合自動化效能測試工具嚴格的檢查規則。
若要使用 GTmetrix 測量網站速度,請前往 https://gtmetrix.com/,將網站 URL 插入方塊,然後按一下「分析」。
系統完成分析後,你就可以查看網站的 PageSpeed 和 YSlow 分數:
「頁面詳細資訊」方塊的「完全載入時間」會顯示完全載入網站所需的秒數。如果網站在 1 到 3 秒內可完全載入,就算快速。
如需深入瞭解 GTmetrix 使用的 PageSpeed 和 YSlow 工具,可以查看他們的官方說明文件。
💡
含有內建自訂外掛程式並啟用預設佈景主題的 WordPress.com 基本網站,約花 1 秒即可載入完成。這在 2021 年當時被視為最快速的 WordPress 主機。
「頁面大小總計」表示頁面的完整大小,所有圖片、影片、指令碼和其他檔案都包含在內。頁面越小,網站載入速度越快。
同樣的道理也適用於頁面上的要求數。要求數是指完整顯示網站需載入的不同檔案數量。數量越少,載入檔案越少,速度越快。
⚠️
大多數 HTTP 頁面要求通常來自不同的外掛程式。每個外掛程式都會讓網站增加一點負擔。一律刪除不使用的外掛程式。
以上所有指標只提供網站概要,未顯示任何詳細資訊;詳細資訊具有重要意義,能夠判斷哪些內容載入時間最長、哪些內容可以最佳化。如需詳細資訊,請按一下 GTmetrix 中的「瀑布圖」頁籤。
「瀑布圖」頁籤可讓你查看檔案從何處載入、檔案大小及載入所需時間。例如,按一下欄位標題即可依時間或依大小排序載入項目。
你主要會使用此頁籤瞭解拖慢網站速度的原因。如果某個自訂外掛程式的某些檔案拖慢你的網站速度,而且該外掛程式不是絕對必要,不妨考慮停用。接著請重新執行速度測試,確認網站效能是否有所改善。
希望這份簡短概述提供的幾項訣竅、技巧和工具,能夠有效幫助你的網站最佳化。如有任何疑問,請隨時在此與我們聯絡。