加速 WordPress 網站以獲得更好性能的 23 個技巧

已發表: 2021-05-25
加快wordpress
關注@Cloudways

在技​​術審核期間, WordPress 速度優化應該是重中之重。 用戶很快就會離開頁面加載速度較差的頁面,但您可以使用眾多在線工具來提供有關您網站速度性能的詳細見解。

WordPress 速度優化從您的 WordPress 虛擬主機開始。 該過程與用於優化託管在共享或專用服務器上的網站的過程沒有太大區別。 因此,您可能會發現下面提到的一些工具(例如 Breeze)與您在共享網站上使用的工具相似。

  • 為什麼要加快 WordPress 網站的速度?
    • 核心網絡生命力
  • 如何加速 WordPress 網站?
    • 1. 詢問您的雲託管服務提供商
    • 2.安裝有效的緩存插件
    • 3. 內容交付網絡不會讓您失望
    • 4. 尋找非活動插件或不能正常工作的插件
    • 5.壓縮媒體文件
    • 6. 壓縮你的 WordPress 網站的大小
    • 7. 檢查網站和數據庫是否在同一個數據中心
    • 8. 優化您的 WordPress 網站主頁
    • 9.更新更新更新
    • 10.禁用盜鏈
    • 11. 縮小 JavaScript 和 CSS 文件
    • 12.使用輕量級主題
    • 13.控制帖子修訂
    • 14.刪除無用的小部件和社交分享按鈕
    • 15. 減少外部腳本和 HTTP 請求
    • 16.優化WordPress數據庫
    • 17. 減少對數據庫的調用並使用數據庫緩存
    • 18. 使用更好的數據庫或單獨託管
    • 19. 添加谷歌字體
    • 20. 分頁評論
    • 21. 對長篇內容進行分頁
    • 22. 延遲加載圖片
    • 23. 使用第三方平台獲取視覺內容
  • 概括

為什麼要加快 WordPress 網站的速度?

管理網站功能不佳的管理面板會影響您的工作和時間效率,尤其是當您的儀表板可能變得難以處理時。

除此之外,訪問者也不會等待您的網站加載。 如果某些事情沒有按照他們的意願工作,他們就會離開。 更糟糕的是,他們中的許多人永遠不會回來。

Portent 在 2019 年的一項研究顯示,頁面加載時間的前 5 秒對轉化率的影響最大。 它還顯示,每加載一秒,轉化率平均下降 4.42%。

託管 WordPress 主機每月 10 美元起

通過 Cloudways 優化託管提高您網站的速度和性能。

免費試用 3 天

在 2019 年,Unbounce 發現人們寧願擁有更快的加載時間,也不願網站上花哨的動畫和視頻。 2017 年,谷歌表示,隨著頁面加載時間從 1 秒變為 3 秒,用戶從您的網站跳出的概率增加了 32%。

如果您還不相信,請查看 Think With Google 進行的這項研究,該研究揭示了糟糕的頁面加載時間會如何影響跳出率。

使用行業領先的插件構建一個閃電般的快速攝影網站。

Cloudways Photography Bundle 包含理想攝影網站的所有正確成分。

點擊這裡

核心網絡生命力

Google 使用 Core Web Vitals 來了解用戶是否對您的頁面感到滿意,而頁面速度是用戶體驗的巨大貢獻者。 例如,谷歌將使用頁面速度來分析您的用戶是否對您緩慢的加載時間感到沮喪並在幾秒鐘內反彈。

為了提高您的核心網絡生命力以加速您的 WordPress 網站,您需要了解它是如何工作的。 Core Web Vitals 分為三個元素,最大內容繪製、首次輸入延遲和累積佈局移位。

LCP衡量您的頁面從第一次點擊鏈接到大部分內容需要多長時間。 它與 TTFB 等其他速度指標不同,因為 LCP 從用戶的角度測量頁面速度。 無論您是從 Google PageSpeed Insights 還是您的 Google Search Console 檢查您的 LCP,您都會收到對影響您的 LCP 的網站元素的詳細分析。

範圍:

  • 0 到 2 秒 - 好
  • 3 到 4 秒——需要改進
  • 5 到 6 秒——差

第二個 Core Web Vital 是 First Input Delay 或FID 。 這衡量了用戶與您的頁面交互所需的時間。 交互可以定義為選擇菜單、填寫表格或在搜索欄上搜索他們喜歡的產品。 因此,如果您的網站具有高度交互性,那麼這是您應該致力於的重要核心 Web Vital。

範圍:

  • 0 到 100 毫秒 – 好
  • 200ms 到 300ms – 需要改進
  • 400ms 到 500ms – 差

Cumulative Layout Shift 或CLS衡量頁面加載時的視覺穩定性。 簡而言之,如果頁面加載時頁面上的圖像四處移動,那麼您遇到了需要解決的 CLS 問題。 Google 認為這是一個核心 Web Vital,因為一旦頁面完全加載,將頁面元素移動到不同的位置會令人困惑。

範圍:

  • 0 到 0.1 – 好
  • 0.1 到 0.25——需要改進
  • 0.25 到 0.3——差

立即檢查您的核心網絡生命力!

使用我們的免費 Google 頁面體驗檢查器

立即測試

如何加速 WordPress 網站?

加速 WordPress 網站

資料來源:Techwyse

沒有必要同時嘗試所有這些解決方案以獲得更快的 WordPress 網站。 根據您的要求,您可以選擇僅使用其中的幾個。

所以我們開始吧!

1. 詢問您的雲託管服務提供商

在開始採取任何行動之前,建議向您的 WordPress 託管主機提供商諮詢他們的產品以及與 WordPress 的兼容性。 他們可以為您提供一些關於如何使您的 WordPress 網站更快的提示和想法。 這將幫助您有效地進行 WordPress 速度優化並節省您的時間。 雲託管提供商

您的虛擬主機如何提高您的網站速度?

當您訪問一個網站時,您基本上是從可能距離您數百或數千英里的計算機上訪問文件。 該服務器必須完成諸如執行代碼、運行數據庫查詢和提供文件等任務才能加載您的網頁。 服務器完成這些任務的速度越快,您的站點加載速度就越快。

什麼決定了服務器的速度? 專用服務器更快,因為資源不會在其他網站之間共享,這意味著您可以在一天中的任何時間獲得最佳性能。 專用服務器可以加速您的 WordPress 網站,因為您可以自己擁有服務器。 您永遠不必擔心遇到服務器的限制。

更大的服務器肯定比更小的服務器快。 例如,具有 2 核處理器的 8GM RAM、50GB SSD 硬盤驅動器將比資源較少的服務器更快地完成這些任務。

使用 Cloudways 管理的 WordPress 主機獲得更好的加載時間

試用 Cloudways,為您的網站提供應有的性能!

現在試試

2.安裝有效的緩存插件

提高網站速度的最流行方法之一是使用緩存插件。 緩存插件將為任何未來的訪問者存儲您網站的最終視圖。 這意味著您的 WordPress 不必為查看該網站的每個關注者生成它。 這些數據可以包括 HTML、JS 和 CSS 代碼、圖像、字體和 Flash 文件。

WordPress 緩存插件微風

Breeze 通過提高 WordPress 網站的性能、減少下載時間和提供一鍵式內容交付網絡集成來改善您網站的用戶體驗。

Breeze 是一個無憂無慮的 WordPress 緩存插件,它消除了頂級緩存插件的複雜性。

特徵:

  • 兼容 WordPress、WooCommerce 和 WordPress 多站點。
  • 縮小
  • Gzip 壓縮
  • 支持清漆
  • 瀏覽器緩存
  • 靜態文件分組
  • 數據庫優化
  • 文件排除

在自己選擇和安裝插件之前,請詢問您的託管服務提供商是否更喜歡特定的緩存插件。

3. 內容交付網絡不會讓您失望

CDN(內容交付網絡)也是加快 WordPress 網站速度的另一個重要選項。 無論您運行哪種類型的網站,WordPress CDN 都能為您的網站提供更好的加載時間。 帶 CDN 的雲託管

您可以嘗試一些不錯的選擇,例如 CloudwaysCDN、CloudFlare 和 jsDelivr。

CloudwaysCDN 是一個易於使用的 CDN,它提供與您的 WordPress 網站的一鍵式集成,成本僅為 1/25GB/月。

特徵:

  • 支持的 HTTP
  • 一鍵集成
  • 經濟實惠
  • 全球範圍

Cloudflare 提供了一個基本的免費計劃,其中包括快速的網站性能、訪問者的統計數據和安全保護。 Cloudflare 使用一種稱為 Anycast 的技術,它將您的訪問者路由到最近的數據中心。 它在全球超過 28 個數據中心運營。

特徵:

    • 移動優化
    • 提供快速 DNS 服務的全球網絡
    • 分析您的網站流量
    • 用於更快、更安全和一鍵式更簡單網站的應用程序

jsDelivr 是一款免費產品,允許任何開發人員託管他們的文件,例如 CSS、JavaScript、jQuery 插件和字體。 Cloudflare 和 MaxCDN 支持它。

4. 尋找非活動插件或不能正常工作的插件

加快 WordPress 網站速度的另一種方法是驗證您當前的插件是否正常工作。 插件和工具有時會導致您的網站出現延遲,使其加載緩慢。

要進行測試,您可以獲得另一個插件。 它被稱為查詢監視器。 該插件是免費的,一旦安裝,它將報告您網站的任何性能問題。

如果您發現插件會降低您的網站速度,請將其刪除或嘗試為您的 WordPress 網站尋找其他性能插件。

此外,保留大量活動插件會影響您的 WordPress 網站速度。

5.壓縮媒體文件

上傳非常大的圖像和視頻會顯著降低您的 WordPress 網站速度。 出於這個原因,另一個加快 WordPress 網站速度的解決方案是壓縮您的媒體文件。

圖像壓縮

有一個免費的 WordPress 插件,可以自動縮小所有圖像尺寸,因此無需為每張圖片重複執行此操作。 或者,您也可以嘗試 WP Compress – 一個出色的圖像優化插件。

簡而言之,較小的文件將使您的頁面加載得更好,並且壓縮的媒體文件有利於 WordPress 速度優化。

6. 壓縮你的 WordPress 網站的大小

您的網站尺寸越小,加載速度就越快。

GZip 壓縮可以將網站內容的大小減少約 70%。 壓縮後的網站由於帶寬減少而加載速度更快。

只需安裝和激活 Breeze WordPress 緩存插件即可完成 GZip 壓縮。 它將幫助您在網站測試工具上獲得良好的性能等級,並加速您的 WordPress 網站。

7. 檢查網站和數據庫是否在同一個數據中心

檢查您的 WordPress 站點和數據庫是否位於同一個數據中心。 在談論託管和服務器時,接近總是很重要的。 將網站及其數據庫放在同一個數據中心可以使獲取帖子和使用數據庫的過程更加輕鬆順暢,從而優化網站性能。

要找出您的服務器的位置,請詢問您的託管服務提供商。 有時,公司也會在註冊過程中顯示其服務器位置。

8. 優化您的 WordPress 網站主頁

您可以做的另一件事來加速您的 WordPress 網站是優化您的主頁。 讓它看起來更簡單,沒有聚集的內容和無用的小部件或工具。

另外,不要顯示完整的帖子。 您可以僅顯示第一段或文本的特定摘錄。 在同一頁面上顯示太多帖子也可能導致加載時間更長。

您的主頁越乾淨,加載速度就越快。

9.更新更新更新

隨時更新您的 WordPress。 無論是插件還是主題,請記住它們始終保持最新狀態。 如果有可用的新補丁,請嘗試在 WordPress 臨時站點上測試每個更新,然後再將其應用於實時站點。

10.禁用盜鏈

熱鏈接是一個網站使用另一個網站的資源時使用的術語。 例如,如果有人從您的網站複製了一張圖片,一旦加載了他的網站,它就會從您的網站加載該圖片。 這意味著它正在消耗服務器的帶寬和資源。

簡單來說,你可以說盜鍊是一個笨重的帶寬“殺手”。

為避免此類劫持,您只需將以下幾行放入您的 WordPress .htaccess 文件中

重寫引擎開啟
重寫條件 %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?EXAMPLE.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?feeds2.feedburner.com/EXAMPLE [NC]
重寫規則 \.(jpg|jpeg|png|gif)$ - [NC,F,L]

如您所見,我們已排除 Feedburner 圖像,以便它們可以正確顯示在您的實時供稿中。

11. 縮小 JavaScript 和 CSS 文件

如果您使用 Google PageSpeed Insights 或 ySlow 測試您的 WordPress 網站,系統會提示您縮小 JavaScript 和 CSS 文件的警告。 這意味著您需要減少 JS 和 CSS 調用以減少服務器響應時間並縮小文件大小。 通過減少它們,您會發現網站加載速度比以前快得多。 這最終將幫助您節省帶寬使用量。

有很多方法可以縮小。 您可以手動完成,也可以使用 WordPress 緩存插件“Breeze”。 但是,還有其他插件,例如 Autooptimize。

12.使用輕量級主題

WordPress 市場上有許多閃亮而美麗的主題。 但不要忘記,具有大量動態內容、小部件、滑塊、側邊欄等的主題可能會導致您的託管服務器響應緩慢。

始終優化您的 WordPress 主題或使用輕量級的 WordPress 主題。 如果您想運行博客網站,默認的 WordPress 主題就足夠了。 如需更多功能,您可以使用基於 Bootstrap 和 Foundation 構建的主題。

13.控制帖子修訂

毫無疑問,後期修訂是 WordPress 的一個很棒的功能。 但是,並非每個功能都適用於所有人。 磁盤和數據庫空間不足的用戶很少。

在帖子修訂中,每次更改內容時,都會在數據庫中保存一個新的帖子副本,而不是刪除以前的。 這樣您就可以隨時有機會恢復。 它增加了數據庫的大小,一個大的數據庫會導致很多問題。

您可以限制自動保存帖子的頻率。 在 WordPress 安裝的根文件夾中,使用任何文件編輯器打開wp-config 文件,並在代碼require_once(ABSPATH . 'wp-settings.php');之前寫入以下任何代碼。

限制後修訂:

 定義('WP_POST_REVISIONS',3);

它將修訂數量限制為 3。這意味著,您的 WordPress 將限制自己僅保存三個修訂。

禁用後期修訂:

 定義('WP_POST_REVISIONS',假);

它將完全禁用您的 WordPress 網站的後期修訂。 完全禁用不是最佳做法。

增加自動保存間隔

定義('AUTOSAVE_INTERVAL',300); // 秒

您還可以設置自動保存帖子的頻率。 300 秒意味著,您的帖子將每 5 分鐘自動保存一次,而不是默認設置。

14.刪除無用的小部件和社交分享按鈕

當談到小部件時,WordPress 用戶經常會忘乎所以。 用戶覺得他們應該盡可能多地安裝以使他們的網站更具功能性,而不知道這些小部件除了價格之外還有成本。 小部件往往會擴大您的網站,這會導致加載時間緩慢,因為它會在前端生成大量請求。 另外,每個請求都意味著對數據庫的額外調用

在這種情況下,加速您的 WordPress 網站的最佳解決方案是將您的小部件保持在最低限度,並僅使用您的網站真正需要的小部件。 對於其他功能,您還可以使用代碼,這是一種使您的網站正常運行的資源密集型方式要少得多。

15. 減少外部腳本和 HTTP 請求

主題和插件通常塞滿了調用各種資源的外部腳本,包括 JavaScript、CSS、字體和圖像。

通過查看網站的源代碼,您會遇到一些您不熟悉的腳本。 加快 WordPress 網站速度的最佳方法是盡可能減少外部 HTTP 請求並單獨託管它們。

16.優化WordPress數據庫

對於 WordPress 速度優化,您需要優化您的 WordPress 數據庫。 就像您計算機的硬盤驅動器一樣,您的 WordPress 數據庫充滿了您不需要的垃圾。 隨著時間的推移,未經優化的 WordPress 數據庫會降低您的網站速度。 解決這個問題的簡單方法是不時清理它。

您可以使用數據庫優化插件來清理您的 WordPress 數據庫,也可以手動從不需要加速 WordPress 網站的垃圾中釋放數據庫。

17. 減少對數據庫的調用並使用數據庫緩存

許多 WordPress 主題的編碼都很糟糕,您很有可能正在使用一個向數據庫發送不必要的調用的主題。 在這種情況下,用簡單的 HTML 替換任何不需要的 PHP 和數據庫調用至關重要。

Redis 和 Memcached 是兩種緩存機制,通過緩存所有請求來幫助加快 WordPress 網站的速度。 這種方式花費更少的時間來處理最頻繁的請求。

18. 使用更好的數據庫或單獨託管

為您的 WordPress 網站使用信譽良好的數據庫至關重要。 MySQL 最常被託管服務提供商使用,因為它的可靠性和性能與 MariaDB 和 PostgreSQL 並駕齊驅。

切換主機時,研究他們提供的數據庫非常重要,因為它是您網站速度的重要決定因素。 另外,如果您的主機支持 MariaDB,我建議您將數據庫移到那里以獲得更快的速度。

19. 添加谷歌字體

WordPress 用戶經常在他們的網站上使用 Google 字體,因為它的庫非常廣泛,而且它單獨託管在不同的服務器上,這大大減少了服務器上的負載。

雖然使用 Google 字體是讓您的網站煥然一新的好方法,但您應該知道如何充分利用它來加速您的 WordPress 網站。

首先,您需要確保預加載 Google 字體以優化您的網站以提高速度。 其次,始終建議您在本地託管 Google 字體,這意味著將字體文件下載到本地系統上。 雖然這種方法在使用字體時省略了對第三方的依賴,但它也阻止了自動更新,因此您需要手動更新字體。 最後,使用盡可能少的字體變體,因為您使用的字體變體越多,下載所需的時間就越長。

20. 分頁評論

評論是一種常見的功能,尤其是對於 WordPress 博客。 如果它很受歡迎,那麼您的評論部分很可能會包含數百條評論,這些評論需要資源才能加載。

對評論進行分頁是加快 WordPress 網站速度的好習慣。 它允許用戶按需加載評論,因此只有對評論部分感興趣的人才能看到它。 您可以通過導航到Settings > Discussions來完成此操作。

21. 對長篇內容進行分頁

除了對評論進行分頁外,您還可以對長篇內容進行分頁,以縮短頁面的長度以快速加載。 將內容分解為頁面的另一個好處是它提高了可讀性並使其更易於使用。

大多數主題都有從後端對內容進行分頁的選項,但如果找不到,只需在編輯器中打開 single.php 文件並添加 <?php wp_link_pages(); ?> 在 WP 循環中。

22. 延遲加載圖片

延遲加載是一種古老的 WordPress 速度優化技術,在用戶向下滾動頁面時加載圖像。 這個想法是不要一次加載頁面的所有元素,因為它會給服務器帶來壓力,從而導致加載時間變慢。 相反,它會在用戶到達放置圖像的頁面部分時加載圖像。

您可以使用許多延遲加載插件來實現此技術。

23. 使用第三方平台獲取視覺內容

雖然視頻是吸引觀眾的好方法,但它們確實往往會佔用大量服務器資源來加載。 在這種情況下,加快 WordPress 網站速度的最佳方法是將視頻單獨託管在 Youtube 或 Vimeo 等視頻託管服務上。

您可以將視頻上傳到 YouTube 或 Vimeo,然後使用嵌入代碼將它們添加到您的頁面。 這樣,您的視頻將不會使用您的服務器來加載,並將為其他元素釋放資源。

Cloudways 為 Radiance Conseil 提供支持以提高速度和正常運行時間

了解 Cloudways 如何確保 Radiance Conseil 及其 600 位客戶的最佳速度和正常運行時間!

現在試試

概括

這些是您可以嘗試和實施的一些解決方案,以提高 WordPress 網站的速度。 如果您想了解更多關於 WordPress 良好網絡託管功能的信息,請查看 CollectiveRay 的 Cloudways 評論。 您還可以查看有關 Google 頁面體驗更新的 Cloudways 網絡研討會。

如果我錯過了一些重要的事情,請不要猶豫,在評論中說出來。

經常問的問題

問:如何檢查我的 WordPress 網站速度?

您可以使用 GTmetrix、Google Page Speed Insights 和 Pingdom Tools 等工具檢查您的 WordPress 網站速度。 這些工具將顯示您的網站在桌面和移動設備上的速度。 此外,請記住,每個工具的結果可能會因其算法而異。

問:為什麼 WordPress 網站這麼慢?

您的 WordPress 網站可能會因為託管不佳、沒有 CDN 或您沒有使用緩存插件而運行緩慢。 您可以按照本博客中分享的提示來加速您的 WordPress 網站。