加快 WordPress 網站速度的 5 種萬無一失的方法

已發表: 2016-04-08

選擇任何一個角度來查看網站的加載速度指標及其重要性：營銷人員、網站所有者、開發人員、SEO 嚮導，甚至尤其是用戶。 速度指標仍將顯示在頂部。 在盡可能多的資源上查找 Web 開發最佳實踐，您會在每個列表中的某處看到“減少頁面加載時間” 。

我們甚至不喜歡在沃爾瑪的收銀台排隊等候，你認為我們會在這個肆意揮霍的時代對一堆無形的數據有什麼感覺？

因此，必須創建加載速度更快的網站（TTFB 應低於2 秒）。 為了更好的體驗，為了更高的轉化，為了頂級搜索排名！

那麼可以做些什麼來讓 WordPress 網站更快呢？ 似乎很多，尤其是在這 5 個領域：

1. 服務器

F2

這是您網站的數據所在的位置。 如果服務器像湯廚房或 Gotham 的後巷一樣維護自身，那麼再多的性能優化都無法幫助您加快網站速度。

因此，在登錄託管服務提供商之前，請注意：

  • 維護、備份和安全（出於顯而易見的原因）
  • 可擴展性：不同計劃在訪問者、數據傳輸、帶寬、存儲空間等方面的權重，以及當您超過某些上限時您將如何擴大規模。
  • 客戶推薦和支持論壇（它們可以揭示很多關於公司服務記錄的信息）
您可以查看以下更多內容：
Ø 3 rd方視頻託管

對於那些明智地使用服務器空間和帶寬的人來說，外部或第3方視頻託管是一個很好的解決方案。

這正是它在錫上所說的。 （僅限）視頻文件託管在 Youtube、Vimeo 等第3方服務器上，您可以將其鏈接到您的網站（無需調用開發人員來弄亂 API）。 其中一些還帶有視頻編輯工具，其中大多數提供支持。

在註冊此服務之前，請務必檢查視頻文件的權利（隱私政策）。

Ø防止圖片熱鏈接

圖片盜鍊是一種被低估的邪惡。

這無異於偷竊，最糟糕的是，犯罪者往往不知道自己行為的嚴重性。 他們只是簡單地複制您的圖像（到鍵盤）並將其直接粘貼到他們的富文本編輯器中。 因此，顯示在其內容中的圖像實際上仍存儲在您的服務器中。 因此，任何在其網站上看到該圖像的人仍會請求您的服務器加載該圖像。 這會佔用您的帶寬。

而且您不會收到感謝信。

你天真的利他主義應該忍受的只有這麼多。 在互聯網上，您保護您的內容或受到懲罰。 將此代碼放入您的 .htaccess 文件中：

重寫引擎開啟

RewriteCond %{REQUEST_FILENAME} -f

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?mywebsite\.com [NC]

RewriteCond %{REQUEST_URI} !^/images/stopstealing\.jpg$ [NC]

RewriteRule \.(jpg|jpeg|png)$ http://mywebsite.com/images/stopstealing.jpg [NC,R,L]

另外：請注意，某些內容交付網絡 (CDN) 具有內置的防盜鏈功能。

2.緩存

像 W3 Total Cache 這樣的緩存插件是 WordPress 為頁面速度優化提供的最好的東西之一（每個人都喜歡它）。 替代方案（對於不太高級的用戶）是 WP Super Cache。

這個想法是創建頁面、對象和數據庫的副本（緩存）； 縮小腳本，並更輕鬆地將 WordPress 網站與內容交付網絡 (CDN) 集成。

您還可以聘請 WordPress 開發人員通過 Redis 和 Memcached 等數據庫緩存解決方案充分利用服務器端性能優化。

Ø到期模塊

此 Apache 模塊為您指定的文件格式設置緩存的生命週期。

這是一種簡化的使用方式：<ifmodule>。 它像這樣（進入 .htaccess 文件）：

<ifmodule mod_expires.c>

<文件匹配“\.(jpg|png|gif|js|css|mp3|pdf)$”>

過期活動於

ExpiresDefault “訪問加 1 週”

</文件匹配>

</if模塊>

上面的代碼片段會將每個 jpg/png/gif/JavaScript/CSS/mp3/ 和 PDF 文件的緩存文件設置為 1 週後過期，此時將創建一個新的緩存。 該模塊非常適合用於定期更新內容的富媒體網站。

3. 前端

大約 80% 的性能問題將通過 20% 的前端速度優化來解決。 這是 Web 開發的帕累托定律。

優化前端的速度不僅在技術上是有利的。 用戶屏幕上發生的事情越早，他對等待的感覺就越好。 你也應該給人以表現的印象。

為了幫助解決這個問題，您可以使用以下一些方法：

  • 圖片：像瘋子一樣壓縮。 圖像/媒體尺寸越小越好。 使用 EWWW Image Optimizer 或 WP Smush.it 進行無質量損失壓縮。 如果包含所述圖像的頁面區域當前在用戶的視口上可見，則有延遲加載過濾器用於有條件地加載圖像。 為此，請使用延遲加載 XT。
  • 減少 HTTP 請求意味著更少的往返，從而縮短加載時間。 使用 Sprite Pad 將“圖案”圖像製作成單個精靈。
  • 縮小 JavaScript 和 CSS 樣式表：rtl.css、style.css 以及您添加的任何自定義樣式表。 盡量不要使用太多的依賴項。

4. 數據庫

與 Windows 中的磁盤碎片整理工具不同，數據庫優化可以清理您的後端並為重要信息騰出空間，同時提高查詢時間和性能。

冗餘的帖子修訂、舊的未經批准的評論、重複的元數據等都是蜘蛛網和塵土飛揚的兔子。 使用 WP Sweep、WP-DB Manager 等工具清除它們。

5. 更新

F3

當您關注 Make.WordPress.org 上的討論以了解與該平台相關的最新新聞和發展時（這對每個人、開發人員和普通用戶都是一個好習慣），您會注意到一個模式：重點是始終關注用戶友好性、性能和安全性……按此順序。

除非您配置了設置，否則 WordPress 會在小版本的情況下自動更新（為了安全和小錯誤修復）。 除非您實際上首先升級到最新版本，否則這並不好。

為了減少焦慮，請按照以下有用的模式進行更新：

  • 主題優先：確保您有一個子主題（這將保存您對外觀所做的任何細微更改）。 此更新將適用於父主題，這樣您就可以顯著減少將某些東西搞砸而無法修復的機會。
  • 下一個插件：一個接一個地處理它們。 我知道這很乏味，但是當一個更新導致兼容性問題時，您會更加準備和了解情況。 注意：這也是關於插件時“少即是多”的原因。
  • WSOD 協議：不要像無頭雞一樣到處亂跑，以防你與死亡白屏面對面。 互聯網上有很多幫助。

尾註

定期進行安全和維護，以使您的網站保持最佳狀態。

請記住，速度優化是一項持續的工作。 保持警惕，了解最新發展和最佳實踐。

作者簡介： Lucy Barret 是一家 WordPress 開發公司 HireWPGeeks Ltd 的高級 WordPress 開發人員。她負責管理一個開發人員團隊，他們都是將 HTML 轉換為 WordPress 主題的專家。 她也是一位博主，喜歡與大型 WordPress 社區分享她的知識。