如何提高 WordPress 的速度和性能

已發表: 2021-10-22

速度就是一切。 網絡受眾的注意力非常短，谷歌將您的頁面加載速度作為其 SEO 計算的一部分。

盡一切可能確保您的 WordPress 網站盡快加載的兩個令人信服的理由！

WordPress 開箱即用的速度相當快。 只有當您開始向您的網站添加主題、插件、圖像、視頻和所有引人入勝的內容時，它才會開始變慢。

不過，有一種方法可以讓你的蛋糕吃掉。

一種在您的網站上擁有富媒體、使用漂亮的主題並通過插件添加許多很酷的功能的方法。 同時保持頁面加載時間短。

此頁面將向您展示這種方式。

如何測量頁面加載速度

在我們開始加速 WordPress 之前，我們認為運行速度測試是個好主意。

如果您現在運行一個並記錄結果，並在完成本文中的步驟後記錄另一個，那麼您有可量化的證據表明您的網站更快。

我們建議使用兩個工具來評估頁面加載速度，來自 Google的Pagespeed Insights和GTMetrix 。

我們將在此示例中使用 GTMetrix。

  1. 訪問GTMEtrix 網站並在框中輸入您的網站 URL
  2. 選擇藍色的測試您的站點按鈕並等待測試完成

測試完成後，您將看到如上圖所示的結果。 它會給你一個從 A 到 G 的等級和一個績效百分比。

這些結果越高，您的頁面就越快。

您可以在這些結果中查看一些有用的指標，但我們不會在這裡討論它們，因為這本身就是一篇完整的博客文章！

可以這麼說，我們希望從您現在的報告中得到的任何內容都達到 A 級，並且性能至少達到 95%。 如果我們的結構也能達到 90% 以上，那就更好了！

如何加快 WordPress

加速 WordPress 是一個過程。 以下包括您可以採取的一系列單獨步驟來提高頁面加載速度。 它們獨立工作，但都結合在一起以創建一個整體上更快的網站。

並非所有步驟都與您相關，因此如果需要，不必擔心跳過它們。

只要您遵循一些步驟，您仍然可以提高您的 WordPress 網站的速度！

提醒一句：雖然這些方法中的大多數都可以正常工作，但每個網站都是不同的。

如果您經營一家電子商務商店或一個非常繁忙的網站，您可能會受益於事先在臨時網站上測試任何更改。

這樣，如果出現任何問題，您可以在不影響訪問者的情況下回滾更改。

使用快速的網絡主機

我們將分享的第一個技巧是使用優質的網絡主機。

共享虛擬主機很便宜，是啟動網站的理想方式，但不是最快的。 您正在與數百甚至數千個其他網站共享該 Web 服務器，這會影響性能。

升級到專用託管、WordPress 託管、VPS 甚至專用雲託管可以對您網站的性能產生巨大影響。

它的成本更高，但一旦你建立了追隨者，它就值得了！

如果您的 GTMetrix 報告顯示低分，請檢查“性能”選項卡以了解：

  • 首次內容繪製——瀏覽器接收創建頁面第一個像素所需的信息的速度。 越快越好。
  • 速度指數——頁面在訪問者瀏覽器中可見的速度。 越快越好。
  • 最大內容繪製——瀏覽器在頁面上加載最大資源（通常是圖像）的速度。 越快越好。

這些都是您可能需要更快的虛擬主機的跡象！

保持 WordPress 更新

WordPress 一直在不斷開發和改進。 其中一些改進將包括錯誤修復、安全更新和代碼改進。 所有這些都可以加速您的 WordPress 網站。

另外，保持 WordPress 更新是一種很好的做法！

這是如何做到的。

  1. 登錄 WordPress從左側菜單中選擇儀表板
  2. 選擇更新
  3. 如果 WordPress 通知您有可用更新，請更新 WordPress
  4. 如果您看到任何需要它的插件，請更新任何插件

絕大多數 WordPress 和插件更新都運行良好。 但是，如果您運行一個特別受歡迎的網站或商店，您可能希望在上線之前在臨時站點上執行更新，以防萬一。

使用優化的 WordPress 主題

您的 WordPress 主題使您的網站看起來很棒，但可能會影響頁面加載時間。 如果您使用劣質主題或未優化的主題，它會顯著減慢加載速度。

Stylemix 主題都針對速度進行了優化。

它們不僅看起來很棒並且包含您需要的所有交互性，它們還旨在快速加載並需要最少的資源！

使用 WordPress 緩存插件

每當訪問者登陸該頁面時，WordPress 都會動態創建頁面。 這需要一些處理和數據庫調用來收集所有信息以呈現給用戶的瀏覽器。

這一切都需要時間。

WordPress 緩存插件獲取完成頁面的副本並將其保存在內存中。 下次訪問者登陸頁面時，插件不會從頭開始構建，而是將副本發送到訪問者的瀏覽器，從而加快整個過程。

緩存插件可以顯著加快頁面加載時間。

WordPress 緩存插件包括：

  • WP 超級緩存
  • WP火箭
  • LiteSpeed 緩存
  • W3 總緩存
  • WP 最快的緩存
  • 超高速緩存

周圍有很多 WordPress 緩存插件，閱讀評論，看看你最喜歡哪個。

優化您的圖像

網站需要圖像來保持有趣，突出商品和服務並幫助轉換訪問者。 但未優化的圖像是會減慢頁面加載速度的大文件。

優化的圖像就是答案。

如果您在 GTMetrix 報告中看到較長的“最大內容繪製”時間，則需要優化圖像。 雖然最大的元素可以是任何東西，但它通常是圖像。

圖像優化是在不影響圖像質量或用戶體驗的情況下縮小文件大小的過程。 這可能聽起來很技術，但有一些特定的插件可以提供幫助。

我們建議在上傳到 WordPress 之前優化您的圖像，然後使用插件進一步優化它們。

您可以使用計算機上的Mass Image Compressor等程序盡可能地縮小文件。 只需將圖像裁剪為正確的大小並運行壓縮即可。

然後，一旦上傳到 WordPress，使用像Smush這樣的插件來進一步優化它們。

最後，您應該在不影響質量或用戶體驗的情況下將圖像優化為盡可能小。

使用內容交付網絡 (CDN)

內容交付網絡是加快 WordPress 頁面加載時間的絕佳方式，但可能會花錢。

CDN 獲取您網站及其所有文件的副本，並將其分發到世界各地的 CDN 服務器。 這個想法是讓離訪問者最近的服務器提供請求的頁面，這樣會更快。

例如，如果您的虛擬主機在德國，而您的訪問者來自新加坡，那麼由於傳輸時間的原因，頁面加載會出現延遲。

但是，如果您在新加坡的服務器上使用 CDN，該服務器會將頁面發送給用戶，這會快得多。

內容交付網絡包括：

  • Cloudflare
  • 快速
  • 關鍵CDN
  • 堆棧路徑
  • 阿卡邁

不要在您的網站上託管音頻或視頻

富媒體是參與度的重要組成部分，每個網站都應盡可能使用它。

但是，雖然您應該在頁面上展示音頻和視頻，但您不應該自己託管。

您可以將音頻和視頻直接上傳到 WordPress，但這會花費您的存儲空間和帶寬。 如果您使用專用服務器，這不一定是問題，但如果您使用共享主機，則可能會出現問題。

您最好使用YouTube 、 Vimeo 、 SoundCloud等服務來實際託管視頻並將其嵌入到您的頁面中。

這樣，您就可以使用富媒體，但不必擔心它會降低您的網站速度！

仔細選擇你的插件

WordPress 插件為網站添加了基本功能，我們都至少使用了一些。 但是，就像任何事情一樣，質量勝於數量。

這並不意味著僅僅因為它們更好而購買高級插件，因為它們並不總是更快。

這意味著仔細選擇您的插件，閱讀評論並檢查插件減慢網站速度的投訴。

您也可以在上傳到現場之前在您的登台網站上對其進行測試，以確保。

縮小 CSS、HTML 和 JavaScript

縮小是一個術語，用於描述從文件中刪除任何不必要的數據以使其更小、更高效。

這可能包括分頁符、不必要的主題代碼、調用 WordPress 主題中未使用的元素的代碼以及其他無用的垃圾。

一些緩存插件將 CSS、HTML 和 JavaScript 縮小為功能的一部分，但也有一些插件可以做同樣的事情。

自動優化是一個非常受歡迎的縮小選項，因為它免費且非常有效。

如果不想使用插件，可以使用在線工具進行優化和縮小。 一些選項包括CSS Minifier 、 JavaScript Minifier和 Google 自己的Closure Compiler 。

移除阻止渲染的 JavaScript 和 CSS

阻止渲染的 JavaScript 和 CSS 是阻止頁面對用戶可見的代碼。

您可以在 GTMetrix 報告的 Waterfall 選項卡上看到阻止渲染的 JavaScript 和 CSS。 它列出了任何減慢加載序列的內容，包括此代碼。

當瀏覽器加載頁面時，它需要在頁面本身變得可見之前處理 JavaScript 和 CSS。

您擁有的代碼越多，呈現頁面的延遲就越長。

好消息是，如果您安裝了 Autoptimize 來縮小文件，該插件還可以刪除渲染阻止文件。

WP Rocket和其他一些緩存插件也可以選擇刪除阻止渲染的 JavaScript 和 CSS。

利用瀏覽器緩存

如果您之前使用過 GTMetrix 或 Pagespeed Insights，您會看到一條消息“利用瀏覽器緩存”。

此後，它已被“使用有效的緩存策略提供靜態資產”所取代，但本質上是相同的。

瀏覽器緩存是一種在訪問者瀏覽器上保留網頁副本的方法。 因此，如果他們再次訪問，瀏覽器將立即加載自己的副本，從而改善用戶體驗。

它通過將Cache-Control 標頭和ETag 標頭添加到訪問者的瀏覽器來實現此目的。

Cache-Control 標頭告訴瀏覽器保留副本多長時間， ETag檢查自該副本以來的任何更改。

要利用瀏覽器緩存，您需要修改 .htaccess 文件或使用緩存插件。

在繼續之前，檢查您之前安裝的緩存插件是否設置了Cache-Control Headers和 ETag Headers是有意義的。 WP Rocket 可以，其他插件也可以。

.htaccess 文件在 Apache 中用於控制誰可以訪問您的網站，並為 URL 和目錄訪問提供一些基本規則。

如果您的主機使用NGINX ，您將沒有 .htaccess 文件。 由於大多數網絡主機似乎都使用 Apache，我們將繼續使用它。

您會在您的網絡主機的根文件夾中找到您的 .htaccess 文件。 在進行更改之前，請複制一份。

然後：

  1. 選擇您的 .htaccess 文件，右鍵單擊並選擇編輯
  2. 將以下內容粘貼到文件底部的“# END WordPress”之前，完成後保存

#Customize 過期緩存開始


<IfModule mod_expires.c>
 FileETag MTime 大小
AddOutputFilterByType DEFLATE text/plain text/html text/xml text/css application/xml application/xhtml+xml application/rss+xml application/javascript application/x-javascript
 過期活動在
ExpiresByType text/html “訪問 600 秒”
 ExpiresByType application/xhtml+xml “訪問 600 秒”
 ExpiresByType text/css “訪問 1 個月”
 ExpiresByType text/javascript “訪問 1 個月”
 ExpiresByType text/x-javascript “訪問 1 個月”
 ExpiresByType 應用程序/javascript “訪問 1 個月”
 ExpiresByType application/x-javascript “訪問 1 個月”
 ExpiresByType application/x-shockwave-flash “訪問 1 個月”
 ExpiresByType 申請/pdf “訪問 1 個月”
 ExpiresByType image/x-icon “訪問 1 年”
 ExpiresByType image/jpg “訪問 1 年”
 ExpiresByType 圖像/jpeg “訪問 1 年”
 ExpiresByType image/png “訪問 1 年”
 ExpiresByType image/gif “訪問 1 年”
 ExpiresDefault “訪問 1 個月”
 </IfModule>
 #Expires 緩存結束

您可以將這些設置更改為您喜歡的任何時間段，但我們發現這些設置工作正常。

數據庫優化

WordPress 是一個數據庫驅動的內容管理系統。 該數據庫中的數據和表格越多，WordPress 必須進行越多的搜索才能找到所需的內容。

這就是數據庫優化的用武之地。

如果您了解數據庫，那麼有很多方法可以優化它們。 對於我們這些凡人來說，有 WP-Optimize。

WP-Optimize是一個免費的 WordPress 插件，可以為您完成所有艱苦的工作。 它整理數據庫，優化表格，甚至優化您的圖像。

不過，我們建議您在訪問數據庫之前對您的站點進行完整備份，以防萬一！

在 WordPress 中延遲加載長頁面和帖子

延遲加載圖像曾經對於加快頁面加載時間至關重要。 您知道還有延遲加載長頁面和帖子的選項嗎？

由於 WordPress 現在默認延遲加載圖像，因此為頁面和帖子設置延遲加載是有意義的。

有一些插件，包括WordPress Infinite Scroll和WP Ajax Load More Pagination 和 Infinite Scroll 。

兩者都縮短了延遲加載頁面的工作，以提供適度但明顯的頁面加載時間提升。

在您的主頁上使用摘錄

我們可能在這裡進入了邊際收益的領域，但每一點都有幫助。 就像在您的主頁上使用博客文章的摘錄一樣。

WordPress 中的默認行為是顯示整個博客文章，這會降低包含多個文章的頁面的速度。

WordPress 中有一個設置將其限制為摘錄，加載速度要快得多。

如果您在主頁上展示您的最新帖子，則需要調整此設置！

  1. 導航到WordPress 菜單中的設置和閱讀
  2. 將“對於提要中的每個帖子，包括”設置為摘錄
  3. 選擇保存更改

這不僅可以使您的頁面加載速度更快，而且在您展示最新帖子的任何地方都應該保持乾淨整潔。

每頁限制評論

限制每頁評論是另一個邊際收益，但如果您收到大量評論，肯定會影響速度。

與其加載對帖子或頁面所做的每條評論，不如限制它們將它們分成頁面。 這減少了渲染頁面所需的處理，從而加快了加載速度。

  1. 導航到WordPress 菜單中的設置和討論
  2. 選中“將評論分成幾頁”旁邊的框，並將評論數設置為 10-20
  3. 選擇保存更改

您可以將評論數量設置為您喜歡的任何內容。 顯然，您加載的評論越少，頁面越快，但您需要平衡這與可用性和鼓勵對您的帖子發表評論。

減少重定向

重定向是將 URL 重定向到帖子或頁面中的另一個 URL。

例如，如果您最近從使用 HTTP 切換到 HTTPS，您將使用重定向將訪問者發送到正確的域。

重定向用於各種事物，是 SEO 和可用性的重要組成部分。 您的網站越成熟，越老，您可能擁有的重定向越多。

那麼如何將它們最小化呢？

一種方法是在 .htaccess 文件中使用重定向。

在上面的示例中，可以在 WordPress 中完成從 HTTP 到 HTTPS 的重定向，但在服務器級別執行此操作更有效，因為它要快得多。

您會在您的網絡主機的根文件夾中找到您的 .htaccess 文件。 在進行更改之前，請複制一份。

然後：

  1. 選擇您的 .htaccess 文件，右鍵單擊並選擇編輯
  2. 將以下內容粘貼到文件底部的“# END WordPress”之前，完成後保存

<IfModule mod_rewrite.c>

重寫引擎開啟
RewriteCond !{HTTPS} 關閉
重寫規則 ^(.*)$ https://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
 RewriteCond %{HTTP_HOST} !^www\.
 重寫規則 ^(.*)$ https://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

 </IfModule>

該代碼告訴您的 Apache 服務器自動將 HTTP 流量重定向到 HTTPS，從而使 WordPress 不必這樣做並加快頁面加載時間。

重定向是一個廣泛的主題，所以與其在這裡讓您感到厭煩，為什麼不閱讀 WPEngine 上的 WordPress 重定向指南呢？

減少後期修訂

對一個頁面或帖子進行多次修訂是否會減慢您的網站速度，目前尚無定論。

不過減少它們並沒有什麼壞處。 如果不出意外，它會讓您的數據庫保持整潔！

您需要為此編輯 wp-config 文件，該文件位於您的 WordPress 目錄中。

  1. 右鍵單擊 wp-config 並選擇編輯
  2. 將以下代碼粘貼到文件底部並保存

定義（'WP_POST_REVISIONS'，5）；

您可以設置任意數量的修訂，只需將“5”更改為所需的數字。 一旦修訂數量超過此數量，數據庫將刪除最舊的修訂。

禁用盜鏈

如果您經營一個使用大量原始圖像的網站，您會很快找到鏈接到您的資產的人。

他們不會截取資產的屏幕截圖或鏈接到頁面，而是直接鏈接到該資產，以便它出現在他們的頁面上，同時仍然託管在您的頁面上。

這稱為熱鏈接。

來自您自己的訪問者和熱鏈接頁面的網站的所有流量都將使用您的網站資源，這可能會減慢加載時間。

您可以通過添加到 .htaccess 文件中的另一段代碼來阻止它。

  1. 選擇您的 .htaccess 文件，右鍵單擊並選擇編輯
  2. 將以下內容粘貼到文件底部的“# END WordPress”之前，完成後保存

#禁用圖片盜鏈

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

只需將您看到“yourwebsiteURL.com”的位置更改為您的特定網站 URL，您就可以開始了。

加快 WordPress

這就是加快 WordPress 的速度。

現在是再次在 GTMetrix 中檢查您的網站速度的好時機。 如果您實施了其中許多步驟，我們打賭您現在會看到很多改進！

有很多東西需要做，也有很多改變，但我們希望我們已經解釋了為什麼以及如何足夠讓你遵循。

你最終應該得到一個更精簡、更簡潔、更快的 WordPress 網站。 它應該與往常一樣工作，但速度更快。

您還有其他加快 WordPress 速度的技巧嗎？ 遵循本指南並想分享結果？ 在下面的評論中告訴我們！