WordPress速度優化總指南

已發表: 2021-04-19

想像一下，你正在開一個大型會議，而你的團隊整整一個月都在排練。 在所有這些準備工作之後，一名被指派給你帶來演示所需的筆記本電腦的隊友正在後面跑。 而且，隊友比預定時間晚了十分鐘，你的潛在客戶已經等不及了。

好吧，這聽起來太有害了，不會與客戶相處得很好。 現在，您可以想像訪問者需要坐下來等待您的網站在瀏覽器中加載時的感受。 如果某些網頁的加載時間超過十秒，您認為他們會怎麼做？ 甚至六個？ 四？

網站的速度很重要，這已經不是什麼大秘密了。 沒有人想要一個加載緩慢的網站——尤其是谷歌。 因此，除非您想建立糟糕的用戶體驗並降低在 Google 中排名的機會，否則是時候對 WordPress 速度優化做點什麼了。

幾乎 40.0% 的網絡由 WordPress 提供支持，有十萬個插件、主題和其他技術必須共存以優化 WordPress 以提高速度。 當他們的網站設置為瓶頸時，日常的 WordPress 用戶可能會發現這是一場噩夢，他們甚至不知道為什麼。

在這裡，我們將絕對分享有關 WordPress 速度優化的所有信息，以便您今天就可以開始加速您的網站。 希望我們可以指導 WordPress 性能優化，而無需過於技術化或“基於代碼”。 事實上，我們努力避免這裡的代碼示例。

那麼，你準備好了嗎？ 讓我們開始。

i) 是什麼減慢了您的 WordPress 網站的速度？

首先，讓我們看看一些導致您的網站變慢的重要罪魁禍首。 這些是您應該集中註意力的部分。

一個。 圖片

古怪的圖像大小會影響網站速度。

灣。 視頻

像視頻背景這樣的 WordPress 功能很酷，但它們也是對網站速度的實際性能拖累。

C。 WordPress 插件

WordPress 插件絕對是巨大的救星，但“哪個”和“多少”會有所不同。

d。 WordPress 主題

相同的規則適用於主題。 一個好的 WordPress 網頁設計是必不可少的。 但是，編碼不佳的主題有太多的文件和腳本會給您帶來麻煩。

e. 腳本

任何含有過多 JavaScript、jQuery 或其他第三方腳本的東西都會降低您的網頁速度。

F。 蜜蜂

API 絕對有助於內容管理。 但是，如果您的網站連接的服務器很慢，那麼網站響應就會很慢。

G。 邋遢

馬虎可能發生在您的媒體文件夾、插件、博客內容或數據庫中。

H。 斷開的鏈接

一兩個斷開的鏈接並不可怕。 但是，當您的服務器繼續在該斷開的連接上工作時，一個充滿斷開鏈接的站點可能會影響用戶體驗並降低速度。

一世。 重定向

同樣，重定向可以防止訪問者遇到損壞的鏈接/舊的 URL，但是它們太多是服務器的工作量。

在我們開始之前……

ii) 備份、分段和測試

備份 WordPress 網站的最佳策略是創建一個新的子域（例如 testing.domain.com）並對其進行所有優化工作。 大多數託管服務提供商，如 WPEngine、Siteground、Kinsta 和其他受歡迎的公司都提供一鍵式登台。 如果您的託管公司不為您提供臨時站點創建，您可以使用免費或高級備份插件來獲取備份。 當您對臨時站點上的結果感到滿意時，您可以將您的基本更改合併到您的實時網站中。 現在，您的網站已針對速度進行了優化，沒有任何問題。

您可以採用的另一種技術是構建子主題。 使用子主題可確保在主題文件中所做的更改不會覆蓋在父主題上。

最後，使用這些 WordPress 速度測試站點測試您當前的速度。

  • 谷歌頁面速度
  • GTmetrix
  • 王國

現在，讓我們開始 WordPress 性能優化的步驟。

1.選擇高性能的網絡託管服務商

讓我們從具有以下特徵的託管公司開始：

  • 一個專門從事 WordPress 託管的人——他們確實了解與 CMS 相關的固有性能問題
  • 提供一些託管託管選項
  • 使用最新最快的技術
  • 包括緩存和 CDN
  • 出色的客戶支持不會受到傷害

但是我們如何才能選擇最好的呢？

衡量託管質量的最簡單方法是檢查 TTFB。 到第一個字節的時間表示服務器的響應時間，基本上代表了服務器的速度。 您可以使用 ByteCheck 進行免費的 TTFB 測試。 WPengine、Kinsta、SiteGround、Bluehost、HostGator等，是一些值得信賴的網站託管服務商。

2.使用緩存

網站緩存是一種存儲網頁的靜態 HTML 版本並稍後在訪問者訪問網站時重複使用的技術。 這樣，瀏覽器就已經擁有有關該站點的所需信息，從而提高了 WordPress 的速度。

特別是對於不經常更新的靜態站點，使用緩存插件將是最大的好處。 WP Rocket、Cache Enabler、WP Super Cache、W3 Total Cache 等都是市面上最好的。

這些插件降低了服務器上的加載時間並處理其他速度優化任務，例如：

  • 瀏覽器和頁面級緩存
  • Gzip 文件壓縮
  • 合併 CSS 和 JavaScript 文件
  • CSS、HTML 和 JavaScript 縮小
  • CDN 集成

如果您的託管服務提供商已經配備了緩存系統，則無需添加額外的插件。

3.明智地選擇你的插件和主題

您是否知道主題和插件會給他們的服務器帶來壓力？ 這就是為什麼您需要對 WordPress 主題和插件的使用挑剔的原因。

一個。 正確的 WordPress 主題

編碼不佳且未更新的主題會向頁面添加無用的腳本，從而導致頁面加載體驗不佳。 因此，在將其安裝到您的網站之前，請先選擇質量控制問題。 可悲的是，市場上大多數免費的 WordPress 主題在設計上看起來都不錯，並且功能更多，但忽略了性能。

我們優秀的主題帶有一組專用的性能功能，並且無需額外的第三方插件。

灣。 只使用最需要的插件

選擇 WordPress 插件時，請記住以下提示：

  • 了解插件是否必要或某些 WordPress 功能/簡單編碼可作為插件的補充。
  • 查看每個插件以及性能方面的注意問題 - 切勿安裝有問題歷史的東西。
  • 尋找具有多種特性和功能的插件，這樣您就可以只使用一個而不是這麼多
  • 更新主題和插件是保持網站安全和快速的必要條件。 但同時，一些更新可能會使主題/插件和 WordPress 不兼容。 因此，只有在更新有用時才安裝。

C。 重新考慮你的插件使用

是的，使用太多 WordPress 插件會以某種方式降低您的網站速度。 但是插件的數量並不像您使用的插件的質量那麼重要。 真正重要的是該特定插件是如何開發的——它是否考慮到了性能？ 這意味著，您可能還想查看一些舊插件並將它們替換為新的和輕量級的插件。

4. 使用 PHP 7 及以上版本

你聽說過 PHP 版本嗎？ 你必須有。 PHP 是一種開源的服務器端腳本語言。 您的大多數主題和插件，以及核心 WordPress 軟件，基本上都是用 PHP 編寫的。

首先，確保您的 WordPress 主機至少使用 PHP 7 或更高版本。 根據數據，只有 6.8% 的 WordPress 網站使用 PHP 7.3，但另外 28.6% 的網站仍然使用 PHP 5.6（2014 年發布）。

如果有人給你一部 2014 年發布的手機怎麼辦？ 它會有一個緩慢而遲緩的反應，讓你發瘋。

這正是您的訪問者對 PHP 5.6 的感受。

5. 使用 SSL/HTTPS

SSL 證書不會直接影響 WordPress 的速度，但仍然強烈建議您獲得一份。 首先，重要的是，Google 確認正確使用 HTTPS/SSL 可以讓您獲得更好的排名。

此外，由於 SSL 認證的網站在地址欄上方有一個小的綠色掛鎖標誌，它們增加了客戶的信心。

另一個原因是安全性。 在您的網站上擁有 SSL 證書將加密進出您網站的數據/信息傳輸，使您的網站更加安全。

6.圖像優化

在您的網站上有圖片總是一件好事。 但是錯誤的類型可能是您網站的最大災難。 加快網站速度的一種快速方法是優化圖像。

您知道圖像優化如何使您的網站更快嗎？ 它可以減少您網站的帶寬使用，快速打開以保持用戶的參與，並且不要讓谷歌搜索引擎有更多理由討厭您的網站。

有不同的方法來優化圖像。 我們將在這裡了解它們的所有信息。

一個。 選擇正確的圖像格式

這十年中最常用的圖像格式是 JPG、PNG、SVG 和 GIF。 GIF 主要用於動畫圖像，JPG 和PNG 用於靜止圖像。 在這兩者中，JPG（或JPEG）格式是顯示多色圖像的理想選擇。 SVG 格式明確用於徽標。 PNG僅在不可能使用SVG的情況下使用，並且必須保留圖像的透明度，因此JPG也無法選擇。

但是互聯網上有如此多的編輯應用程序，您不應該對選擇哪種圖像格式感到困惑。 XnConvert 就是這樣一種工具。 您可以將圖像拖放到此處並以最小尺寸格式保存。 您還可以使用 XnConvert 來調整大小、裁剪、更改圖像格式，以及更多數百個。

灣。 使用圖像壓縮

現在您已將文件保存為 JPG 和 PNG 格式； 是時候壓縮文件了。

那是什麼？

當您第一次拍攝圖像時，它被認為是 100% 的質量。 您可以將圖像質量（壓縮）降低到更小的尺寸。 您可以將 JPG 圖像文件壓縮到 85-90%，無需任何更改。

您可以在上傳圖像之前手動轉換圖像，也可以只使用插件。 有很多已知的插件可以在 WordPress 中壓縮圖像。 ShortPixel Image Optimizer、reSmush.it、EWWW 圖像優化器和 WP 壓縮器是一些有益的工具。

但是，不正確的圖像優化也會損害您網站的性能。 一些最好的圖像優化技術是基於服務器的圖像優化並在上傳之前在本地優化圖像。

作為替代方案，可以使用 LiteSpeed 插件，它基本上是一個緩存插件，也允許使用 Google Pagespeed 插件進行圖像壓縮。 由於 LiteSpeed 會壓縮其服務器上的所有圖像，因此您的服務器的響應時間不會影響操作。 但是你需要分批壓縮它們。

C。 指定圖像尺寸

指定圖像尺寸主要與用戶體驗有關。 讓我們學習一下。

當頁面首先加載文本時，圖像大小也隨著頁面佈局的設置而確定。 但是在同時下載圖像後，瀏覽器會發現不同的圖像尺寸並自動調整頁面的佈局。 基本上，對於一段時間後的每個後續圖像加載，瀏覽器都需要重新創建頁面佈局。 通過這樣的更改，當頁面不斷移動時，訪問者將無法閱讀文本。

預先指定圖像尺寸可以讓您免於這種麻煩。

d。 提供縮放圖像

如果您的主題未針對處理圖像進行優化，則必須這樣做。 理想情況下，您只需將正在使用的主題更改為具有圖像優化功能的主題即可。 或者，您也可以使用 Force Regenerate Thumbnails 或 Regenerate Thumbnails 等插件來構建縮略圖。 在使用此類插件之前，只需為縮略圖設置正確的大小。

7.頭像優化

全球頭像可讓您以及您的網站評論者在他們的個人資料中獲取圖片。 毫無疑問，使用 Gravatar 具有巨大的優勢，但最顯著的缺點是加載速度慢。 最重要的是，Gravatar 還包含多個重定向，以進一步降低您的網站速度。

您可以通過以下方式避免 Gravatar 引入的臃腫：

  • 在您的網站上禁用 Gravatar
  • 從帖子中刪除過多和垃圾評論
  • 在您的評論表單上添加 reCAPTCHA
  • 將 WordPress 設置配置為一次僅顯示幾條評論
  • 最後，使用 Gravatar 的緩存插件

8.視頻和圖片的延遲加載

延遲加載圖像是一種有效且簡單的優化選項，可顯著改善您網站的加載時間。 如果沒有延遲加載，所有媒體文件（如圖像和視頻）甚至在它們向下滾動到該部分之前就已加載。 這顯然會使您的網站變慢，尤其是當您的網站上有許多圖像/視頻時。 延遲加載僅在訪問者滾動到它們出現的網頁部分後才會加載圖像和其他重資產。 如果做得好，延遲加載可以大大提高網站速度。

讓我們學習如何使用延遲加載

  1. 首先，從 WordPress 目錄中獲取延遲加載插件並安裝它
  2. 轉到插件的設置並進行配置

請記住，延遲加載帶有一種複雜的技術。 如果配置不正確，它可能會弄亂您的整個網站。

9. 延遲加載 Disqus

也許是時候用 Disqus 替換經典的 WordPress 評論系統了。 雖然其先進、高效的垃圾郵件預防和審核功能值得稱讚，但它也帶來了成本，即加載時間。

每當 Disqus 在您的網站上加載時，它會導致十個額外的請求減慢您的網站速度。 值得慶幸的是，有諸如 Disqus Conditional Load 之類的插件會導致延遲加載 Disqus 本身。 此 Disqus 條件加載僅在訪問者滾動到頁面末尾時才加載評論。

10. 限制後期修改

默認情況下，WordPress 旨在保存所有後期修訂，即使您進行了最輕微的更改。 因此，對於經常編輯/更新的帖子，會製作數十份完全相同的帖子來填充您的數據庫。

為避免這種情況，您可以限制 WordPress 中保存的修訂/更新的數量。 通常，3 到 5 個就足夠了。 您可以通過在wp-config.php文件中放置一個簡單的代碼來實現。

 定義（'WP_POST_REVISIONS'，3）；

您可以修改代碼中的數字以調整您可能需要的修訂數量。

但是此代碼僅適用於新帖子。 要刪除舊帖子的修訂，您可以使用數據庫清理插件，例如 WP-Optimize 和 Advanced Database Cleaner。 使用插件後，您可以簡單地刪除插件。

11.限制蜘蛛和爬蟲

蜘蛛和網絡爬蟲總是在您的網站上尋找資源。 除了有用的搜索引擎蜘蛛之外，垃圾郵件機器人、抓取工具、電子郵件抓取工具等其他機器人也會經常抓取您的網站。 他們不僅從您的站點竊取信息，而且服務器需要消耗資源來為他們提供服務。

因此，明智的做法是管理您網站上的機器人活動，以通過以下方式檢查此類無用的抓取。

  1. 您可以使用 .htaccess 文件來阻止已知的惡意機器人。
  2. 當市場上新出現此類機器人時，您可以從您的網站阻止這些機器人。
  3. 可以使用安全插件 WordFence 手動限制機器人並阻止 IP 地址。

12. 使用 JavaScript 免費的社交媒體分享按鈕

是的，我們需要漂亮的社交分享按鈕來鼓勵我們的訪客。 但是大部分用 JavaScript 製作的社交分享按鈕很重。 他們通過網絡跟踪用戶並需要很長時間才能加載。
因此，如果您使用不受 JavaScript 影響的社交分享按鈕，將會有所幫助。 為此，請刪除現有按鈕並使用 sharedbuttons.io 之類的服務。

13. 獎金

如果您對結果還不滿意，您可以遵循更多技巧。 這些技巧主要適用於專業編碼人員。 讓我們把它們列出來。

  • 禁用表情符號和嵌入
  • 刪除查詢字符串
  • 刪除短鏈接標籤
  • 刪除 REST API 鏈接
  • 禁用谷歌地圖
  • 禁用 WooCommerce 樣式表/小部件
  • 在本地避免使用 Google 字體/服務器字體
  • 優化字體真棒圖標
  • 禁用 XML-RPC
  • 隱藏 WordPress 版本
  • 刪除 RSD 鏈接標籤
  • 連接 CSS 和 Javascript

iii) 不同的問題，不同的解決方案

了解網站速度優化的好處及其技術是一個好的開始。 但是您不需要將所有這些技術應用於您的網站。 我們的意思是，由於沒有兩個相同的企業或兩個相同的網站，第一步是了解您擁有的 WordPress 網站的性質/類型。

所以，如果你有一個靜態網站，你就不會定期更新你網站的內容； 也許你每個月只賺幾次。 靜態站點包括本地商業網站、博客、攝影、個人等。擁有這樣的站點意味著數據庫較少，因此您不需要大量資源即可獲得良好的性能。

另一方面，擁有一個非常活躍的網站，如電子商務、在線論壇等，WordPress 網站的數據經常變化（每分鐘甚至每秒）。 在這種情況下，需要添加服務器源以及數據庫查詢。

然後還有其他類型的網站，在傳遞和消費上。 如果網站主要提供信息，訪問者可以停留 5 或 10 分鐘，然後在他們需要離開時定位。 另一方面，消費網站會讓訪問者停留數小時——例如，在線培訓課程網站。 此類網站的同時訪問者來參加同時會話。

你能看出這是怎麼回事嗎？ 同時訪問者需要快速積累上一屆的信息。 擁有大量同時訪問的站點以及“無法緩存的 Web 內容”問題使其成為一場噩夢。

基本上，您不能以相同的方式處理所有 WordPress 網站——應該做出明智的決定。

結論

毫無疑問，有很多教程涵蓋了優化 WordPress 速度的不同方法。 但是在一個地方找到所有東西可能會令人困惑。 希望這篇文章對您有所幫助，因為我們列出了您可以遵循的所有技術，以使您的網站快速加載。 此外，如果您想從專家那裡獲得幫助，您可以在 Codeable 上找到我們經過認證的 WordPress 專家或提交自定義請求表與我們聯繫。

最好的祝愿！！