提高 WordPress 網站速度的 10 個技巧

已發表: 2018-04-01

WordPress網站速度

網站速度——這是大多數開發人員和 SEO 想要改進的主要因素之一。 就在本週,谷歌宣佈網頁加載速度將成為其新的移動優先指數中的一個重要排名因素。

根據這篇文章,網頁加載速度是頁面放棄的直接因素,僅 4 秒後放棄了 25%,可通過 Google Analytics 觀察到。 考慮到移動用戶,頁面加載速度也有負面影響,根據 Google DoubleClick 的數據,53% 的移動用戶在 4 秒後放棄頁面。

因此,本週我們決定分解一些技巧和方法來提高您的 WordPress 網站速度。

1. 運行測試

在您開始優化您的網站以提高速度之前,最好先運行測試以了解網站當前的性能,從而為您提供所需改進水平的良好指標。

來自 Google Developers 的 PageSpeed Insights 為該網站在桌面版和移動版上的優化得分都評為 100 分。 這是查看您的網站速度執行情況的好方法,還可以提供有關需要改進的地方的信息片段。

頁面速度洞察

您可能考慮運行的另一個測試是 WebPageTest。 該測試提供了大量有關網站加載方式的詳細信息,包括第一個字節的時間,並將準確顯示特定資源加載所需的時間。

網頁測試網站速度

2. 縮小和合併(HTML、CSS 和 JavaScript)

從 WebPageTest 獲得結果後,您可以查看您的網站發出的使用其他資源頁面(例如 HTML、CSS 和 JavaScript 頁面)的請求數量。

這裡的目標是通過使這些文件更小並將它們組合在一起以降低該數字來嘗試盡可能地減少該數字。

如果您使用的是 Divi 或 Elementor 等頁面構建器,則此過程尤其重要,有時這些構建器可能會在您的文件中留下無用代碼片段、空白和不必要的格式。

一個簡單的方法是安裝像 WP Fastest Cache 這樣的插件。 在此類插件的設置中,您要同時選擇縮小和組合選項。

縮小html css網頁速度

3. 最小化到第一個字節的時間

第一個字節的時間或 TTFB,本質上是服務器接收您的請求並將第一個字節的信息發送回您的瀏覽器所需的時間。

開發人員工具或 DevTools 是一組內置於 Google Chrome 中的 Web 創作和調試工具。 DevTools 為 Web 開發人員提供了對瀏覽器內部及其 Web 應用程序的深入訪問。

如果您使用開發人員工具,請務必記住響應時間可能會受到 Internet 連接的影響。 所以你自己的連接越慢,你的服務器響應就會越慢。

如果您的 TTFB 低於 200 毫秒,那麼一切都很好。 如果沒有,可能需要解決一些不同的問題來縮短時間。

嘗試減少 TTFB 時,動態內容創建和服務器配置是兩個可控因素。 使用 WordPress,您的頁面很可能是動態的。 這意味著他們需要與數據庫進行交互,以便在它們被 ping 回來之前使用 PHP 從不同的文件“構建”。

減少服務器響應時間和啟用緩存是對這些問題的兩個更正,我們將在本文後面討論。

4.減少服務器響應時間

頁面加載速度的最大因素之一是 DNS 查找所需的時間。

域名系統 (DNS) 是具有 IP 地址及其相關主機名數據庫的服務器。 當用戶在瀏覽器中鍵入 URL 時,DNS 服務器將該 URL 轉換為表明其在線位置的 IP 地址。

如果您使用的是速度較慢的 DNS 提供商,這會增加瀏覽器定位您的網站所需的時間。 切換到更快的 DNS 提供商可以加快這一過程。

如果您不確定當前的 DNS 提供商是誰,您可以使用 MX Toolbox 中的 DNS 查找工具進行查找

5. 選擇正確的託管選項

一些託管服務提供商套餐在速度方面受到限制,最好檢查您的託管服務提供商是否有能力或限制您當前的訂閱。

如果您發現主機沒有提供足夠快的服務,那麼可能有興趣聯繫他們,在您更改服務之前通知他們,因為有時這可能會導致免費幾個月或更便宜的服務來自同一託管服務提供商。

您可以測試速度並評估您當前的託管服務提供商在 Bitcatcha 上的表現。

6.啟用瀏覽器緩存

當您訪問一個網站時,您訪問的頁面上的元素存儲在您的硬盤驅動器中的緩存或臨時存儲中,允許您的瀏覽器從本地存儲加載頁面,而不是向服務器發送另一個請求來加載網站。

啟用瀏覽器緩存的一種簡單方法是使用 WP Fastest Cache 等插件。 請按照以下步驟啟用瀏覽器緩存:

  • 下載並安裝“WP Fastest Cache”WordPress 插件。
  • 導航到 WP Fastest Cache 插件設置。
  • 單擊瀏覽器緩存複選框,然後單擊提交按鈕。
  • 之後會顯示一條按摩“選項已保存”。

啟用緩存

在 WP Fastest Cache 中,緩存系統選項一旦啟用,就會從動態 WordPress 網站所包含的 php 和 mysql 數據庫文件創建靜態 html 文件。

如果網站的訪問者數量很多,系統需要使用大量 RAM 和 CPU 來呈現頁面,這可能會導致許多用戶的加載速度變慢。

啟用緩存系統後,服務器不再需要調用 php 和 mysql 文件,而是依賴於靜態 html 文件。

完成此操作後,您應該幾乎立即註意到網站速度的可觀察到的速度改進。

7. 圖像尺寸

在嘗試提高頁面速度時,您網站上包含的圖像文件的大小是一個需要考慮的重要因素。 高分辨率圖像會增加網頁的整體大小,進而降低網站速度。

推薦的圖像大小低於 100KB 或 0.1MB,因此圖像加載速度很快,這意味著任何超過此大小的圖像都需要壓縮到或低於 100KB。

您可以通過使用一些允許圖像壓縮的插件或網站輕鬆地做到這一點,但是學習如何通過使用 Photoshop 來做到這一點可能會很有趣,因為它最好在上傳或創建您的網站之前壓縮圖像。

如果您沒有使用 Photoshop 的知識,我建議您使用 CompressJPEG 或 CompressPNG 在線壓縮服務。

8.啟用壓縮

文件越小,頁面加載速度就越快。 壓縮文件是減少加載時間的最簡單方法之一,如今,使用 Gzip 啟用壓縮被認為是標準做法。

WordPress Fastest Cache 還允許 GZIP 壓縮,再次類似於啟用瀏覽器緩存,一旦啟用此選項,您將看到網站速度顯著提高。

如果您不確定您的站點是否啟用了 Gzip,您可以使用檢查 GZIP 壓縮。 只需輸入您網站的 URL,如果您啟用了 Gzip,您將看到如下內容:

檢查 GZIP 壓縮

9.使用外部託管平台

使用外部託管平台在異地託管較大的文件是另一種探索方法,因為視頻文件之類的文件可能很大,並且會對您的網站速度產生重大影響。

與其將視頻直接上傳到您的網站,不如嘗試使用 YouTube 或 Vimeo 等外部託管平台,並使用他們的 html 代碼將視頻嵌入您的網站。 這種方法節省了大量空間,並允許使用高分辨率而不是壓縮視頻文件。

10. 使用 CDN

當您請求服務器打開網站時,您的請求會通過 Internet 傳輸到託管該網站的服務器所在的位置,這會指示服務器發回請求的信息。

在流量高峰期,由於發出大量請求,這可能會減慢服務器響應時間,這在您的業務具有高潛力增長的時期並不理想。

使用 CDN(內容交付網絡)會將您的網站緩存在全球服務器網絡上,這意味著無論何時發出請求,它都會被路由到緩存該網站的最近服務器。 本質上,它不是向一台服務器發出所有全局請求,而是在不同國家或地區的服務器之間分配信息。

遵循上述步驟後,網站速度將有明顯差異。 重新運行上述測試並比較結果以獲得明確的改進指標。

如果您需要任何其他信息或在實施更改時遇到困難,您可以在此處查看我們的 WordPress 服務範圍:WordPress Web 開發