加快 WordPress 網站速度的 10 種最佳方法

已發表: 2020-06-01

自從谷歌宣布引入頁面速度作為確定 SEO 排名的指標之一以來,網站所有者已經將使其網站快速加載成為他們的首要任務之一。

頁面加載時間也會影響訪問者是否在頁面完全加載之前就離開了。 對於加載緩慢的網站,您可能會失去大量的流量和轉化。

在本指南中,我們將討論您可以採取哪些措施來加速您的 WordPress 網站。

目錄
  1. 為什麼頁面速度很重要?
  2. 如何測量頁面速度?
  3. 1.選擇一個快速的網絡主機
  4. 2.使用輕量級、靈活的主題
  5. 3. 明智地使用插件
  6. 4. 優化您的 WordPress 數據庫
  7. 5. 使用 CDN 交付資源
  8. 6. 為網絡準備好圖片
  9. 7. 有效管理靜態文件
  10. 8.優化HTTP請求
  11. 9. 在 WordPress 中啟用緩存
  12. 10. 保持 WordPress 和 PHP 更新
  13. 概括

為什麼頁面速度很重要?

作為網站所有者,頁面速度對您很重要有兩個主要原因。

首先,頁面速度會影響您的 SEO 排名。 如果有兩個網站在 SEO 的所有其他方面具有可比性,搜索引擎就會懲罰速度較慢的網站。 目前尚不清楚頁面排名算法應用了多少懲罰,但是優化網站的各個方面以提高速度是一個好主意。

其次,在線用戶的注意力持續時間較短。 除非有人真的想查看您的內容,否則訪問者在加載之前離開您的網站的可能性會隨著時間的推移而增加。 如果隨後的結帳過程很慢,他們也可能會放棄購物車——例如,Pingdom 的一項研究表明,38% 的訪問者離開了加載時間為 5 秒或更長時間的網站。

總而言之,更快的頁面加載時間可以幫助您獲得更好的搜索引擎排名並產生更多的頁面瀏覽量和轉化率。 另外,它可以帶來更好的用戶體驗。

現在讓我們看看一些可用於測量頁面加載時間的工具。

如何測量頁面速度?

在檢查各種加快網站速度的技術之前,您應該先退後一步並評估當前情況。 這可以幫助您了解優化網站需要多少。

在優化之前測試您的網站還可以為您提供一個基準來比較未來的測試結果。 現在,讓我們看看一些測試工具,它們可以幫助您根據您的需求、預算和技術來評估您的網站。

GTmetrix

GTmetrix 是一個免費的基於網絡的工具,用於評估您的 WordPress 網站的性能。 只需前往 GTmetrix 主頁並輸入 URL 即可測試網站。 您無法在免費版本中設置測試服務器區域和瀏覽器設置,但付費版本為您提供更多控制權和維護歷史記錄的能力。

GTMetrix 結果

GTmetrix 返回三個關鍵指標:

  • 頁面加載時間
  • 總頁面大小
  • HTTP 請求總數

在本指南中,我們將了解如何優化所有這些指標。

PageSpeed 見解

PageSpeed Insights 是 Google Developers 提供的一款免費的基於網絡的工具,可讓您評估您的網站性能。 您只需輸入您的 URL 即可開始測試。

PageSpeed Insights 結果

PageSpeed Insights 的主要產品是對移動設備的關注。 網站在移動設備上的行為可能與在桌面上的行為截然不同。 雖然您無法控制在哪個設備上執行測試,但此工具提供的基準測試確實有助於整體優化。

網頁測試

WebPageTest 是一個免費的開源工具,用於測試您網站的性能。 它使您可以更好地控制測試環境。

WebPageTest 測試結果

您不僅可以決定執行測試的設備和位置,還可以製作分步測試來為您的網站生成自定義指標。

現在我們已經簡要討論了可以幫助您確定網站速度的工具,讓我們看看如何加快 WordPress 網站的速度。

1.選擇一個快速的網絡主機

當訪問者登陸您網站上的某個頁面時,他們的瀏覽器會向您的服務器發送請求以顯示該頁面。 服務器響應所需的時間強烈影響他們需要等待的時間。 無論您的網站效率如何,網絡服務器的性能都嚴重決定了訪問者請求的處理速度。

在選擇主機之前,您應該首先選擇您正在尋找的主機類型。 您是否滿足於共享主機相對較慢的性能,或者您是否需要專用和專門的 WordPress 主機? 選擇通常是成本和速度之間的權衡。

這是我們為 WordPress 選擇最快主機的完整指南。 簡而言之,如果您正在尋找預算友好但可靠的解決方案,我推薦 SiteGround。 如果您想要最好的性能和預算不那麼重要,您應該嘗試 Kinsta 的託管 WordPress 託管。

2.使用輕量級、靈活的主題

您為 WordPress 網站選擇的主題對頁面速度有很大貢獻。 由於大多數網站所有者不會為了性能而修改 WordPress 主題,因此選擇一個高效且加載速度快的主題非常重要。

一般的經驗法則是根據您的要求選擇功能最少的輕量級主題。 您可以考慮我們收集的最快的 WordPress 主題來開始您的搜索。

悉尼代理商入門網站

不能做決定? 然後,我建議查看 Sydney,這是我們的免費、輕量級 WordPress 主題,它融合了現代設計元素和多種自定義選項。

3. 明智地使用插件

您可以將 WordPress 的發展歸功於開發和維護插件的社區。 插件擴展了 WordPress 的功能,使其功能更多。 雖然您會為您可以想像的任何任務找到一個插件,但最好有選擇地僅使用那些您網站運行絕對需要的插件。

每個插件都會增加 WordPress 網站的複雜性,因此最好定期審核您的網站以評估每個插件。 確保您停用或刪除所有不必要的插件。

您還應該檢查插件是否相互衝突或與您的主題衝突。 健康檢查和故障排除 WordPress 插件的站點健康功能可以幫助您檢查插件之間的潛在衝突。

4. 優化您的 WordPress 數據庫

您的 WordPress 應用程序連接到一個數據庫,該數據庫在後台存儲所有與站點相關的數據。 該數據庫本質上存儲了您網站的所有內容,包括但不限於帖子、頁面、用戶註冊、評論和設置。

當有人訪問您的網站時,他們只是從數據庫中檢索數據以查看頁面或帖子。 但是,諸如評論、點贊或購買之類的用戶操作會導致數據生成。 WordPress 還會自動保存您對帖子所做的修改。

數據庫和您的 WordPress 站點之間的請求響應時間可能會因兩個原因而增加。 首先,隨著數據庫大小的增長,這些查詢的執行需要更多時間。 其次,數據輸入和刪除的循環可能會使您的數據庫碎片化,因此數據庫的不同部分可以存儲在文件系統中的不同位置。

因此,通過刪除不需要的數據(例如垃圾郵件和未經批准的評論、帖子修訂和已刪除的帖子)來保持數據庫精簡是有意義的。 WP Optimize 是一個插件,可讓您通過刪除舊的冗餘數據和對數據庫進行碎片整理來優化您的 WordPress 數據庫。

5. 使用 CDN 交付資源

內容交付網絡 (CDN) 由一組放置在全球戰略位置的服務器組成。 它的前提是資源的下載時間取決於客戶端和服務器之間的物理距離。

HTTP Archive 的快速分析顯示,典型 WordPress 網站上的頁面在 2020 年的重量約為 2.3 MB。該頁面重量的很大一部分包括圖像 (1.2 MB)、字體和样式表 (280 KB) 以及腳本 (470 KB) )。

如果您將這些資源存儲在世界各地的 CDN 服務器上,來自全球任何地方的訪問者都可能從離他們最近的服務器加載它們,從而縮短網頁的加載時間。 我建議查看 KeyCDN,這是一種適用於網站所有者的經濟高效的 CDN 解決方案。

6. 為網絡準備好圖片

雖然我們已經介紹瞭如何使用 CDN 來優化向客戶端交付關鍵資源,但讓我們也花點時間來優化資源。 圖像幾乎佔有效負載的一半,並且通常作為網頁設計的關鍵組件。 因此,遵循一些最佳實踐來優化圖像以提高性能是一個好主意。

衛生檢查

首先,您必須確保以正確的尺寸上傳圖片。 例如,對“關於我們”頁面和網站圖標使用相同大小的徽標沒有多大意義。 由於 favicon 的大小要小得多,您應該調整徽標的大小並上傳一個較小的版本。

接下來,您還應該使用適當的圖像類型。 例如,JPG 圖像非常適合具有大量顏色變化的照片和其他復雜圖像。 另一方面,PNG 圖像適用於顏色變化較少的圖形,例如屏幕截圖。 最後,SVG(可縮放矢量圖形)非常適用於由簡單幾何形狀組成的圖像,例如徽標。

圖像優化

為帖子創建圖像後,請確保您也對其進行了優化。 圖像優化本質上是指壓縮圖像以使其適合網絡。 您可以在本地優化它們,也可以為此使用插件。

如果您想要一個 WordPress 插件來處理您上傳的所有圖像,您可以使用 Imagify,這是一個免費增值的 WordPress 插件,可以實時優化您的圖像。 而且,如果您想在上傳圖像之前使用桌面應用程序來優化圖像,您可以試試 ImageOptim。

您也可以查看我們對最佳 WordPress 圖像優化插件的綜述。

延遲加載圖像

延遲加載是僅當查看器向下滾動頁面時進入瀏覽器視口時才下載完整版本的圖像的過程。 這種圖像優化技術為網站所有者和查看者節省了寶貴的帶寬。 此外,它通過延遲下載有效負載的重要部分來減少頁面加載時間。

雖然有一些插件允許您啟用延遲加載,但值得注意的是 WordPress 也在考慮將其添加為核心功能。

7. 有效管理靜態文件

除了圖像,樣式表和腳本佔網頁有效負載的很大一部分。 那麼,現在讓我們看看如何有效地將這些靜態文件提供給您的觀眾。

首先,您可以縮小樣式表和腳本以減小資源的大小。 縮小過程涉及刪除文件中不需要執行的那些部分。 其中包括空格、註釋和未使用的代碼。

您可以使用 Minifier 等服務手動縮小資源。 但是,對於 WordPress 網站,使用 WP Super Minify 等縮小插件一次性縮小網站上的所有資源會節省時間。

接下來,您可以異步加載一些樣式表和腳本。 如果這樣做,加載非必要資源不會停止頁面的呈現。 這是一個關於如何在 WordPress 中延遲解析 JavaScript 的教程。

最後,您可以啟用 GZIP 壓縮以進一步壓縮您的資源。 GZIP 壓縮是一種涉及服務器將壓縮文件發送到瀏覽器的技術,一旦下載完成,這些文件就會被解壓縮。 GZIP 壓縮也是緩存插件(下面討論)中的一個常見功能。

8.優化HTTP請求

雖然我們已經廣泛討論了有效載荷,但我們還應該討論我們如何將它們發送給客戶端。 您可能已經註意到,性能評估工具標記的許多問題都與 HTTP 請求有關。 典型的指標包括您的網頁有多少 HTTP 請求,其中有多少涉及重定向,以及瀏覽器需要進行多少 DNS 查找才能下載所有資源。

減少 HTTP 請求數量的一種簡單方法是合併相似文件。 例如,您的網站應該有一個 CSS 樣式表。 所有自定義腳本也應該合併到一個文件中。 隨著 HTTP 請求數量的下降,頁面加載時間也會下降。 如果您使用壓縮插件,請選擇一個負責合併相似文件的插件。

要優化您的 HTTP 請求,您還可以最大限度地減少 DNS 查找次數。 每次瀏覽器遇到託管在新域名上的資源時,它都需要執行 DNS 查找以獲取相應的 IP 地址。 如果您將資源存儲在單個域中,則可以減少 DNS 查找。 如果您使用 CDN 來提供靜態文件,則 DNS 查找的次數已經降至最低。

最後,您還應該盡量減少靜態資源的重定向次數。 當資源的原始位置指向新位置時,就會發生重定向,這實質上意味著瀏覽器必鬚髮出新請求才能獲取資源。

9. 在 WordPress 中啟用緩存

緩存是將頁面的一部分存儲在臨時位置以快速將其提供給訪問者的過程。 緩存使您能夠節省服務器帶寬並減少頁面加載時間。

為您的 WordPress 網站選擇緩存插件時,請選擇一個易於設置並通過簡單設置提供性能改進的插件。 如果您有專業知識,您應該進入高級設置以解鎖額外的速度優勢。

我們測試並比較了最好的 WordPress 緩存插件。 WP Rocket 在我們的測試結果中勝出。

10. 保持 WordPress 和 PHP 更新

WordPress 和 PHP 是正在積極開發的流行軟件。 每天都會將新功能、錯誤修復、安全補丁和性能改進等增強功能納入其中。

因此,必須將您的 WordPress、插件和 PHP 更新到最新版本以跟上這些增強功能。 但是,在開始更新之前,請確保備份 WordPress 網站的當前版本。

概括

在本指南中,首先,我們介紹了為什麼頁面速度對於網站所有者來說至關重要考慮和優化。

接下來,我們研究了一些流行的工具,這些工具可以評估您的網站有多好以及如何提高其性能。

最後,我們討論了加速 WordPress 網站的最重要技術,從使用足夠快的網絡主機到定期更新 PHP 和 WordPress。

您是否使用不同的技術來加速您的 WordPress 網站? 請在下面的評論中告訴我們。