如何加快 WordPress 網站速度的 13 個技巧(適合初學者)
已發表: 2014-11-11網站加載時間至關重要。 您使用 WordPress 的第一要務應該是加速 WordPress網站。 當訪問者第一次訪問您的網站時,您只有幾秒鐘的時間來吸引他的注意力並鼓勵他花時間瀏覽您的網站。
許多研究證實,在訪問者點擊離開之前,您有很短的時間來加載您的網站,尤其是當他們從另一個鏈接來到您的網站時。
網站速度慢的原因是多方面的。 編碼不佳的主題、太多插件、優化不佳的圖像、眾多小部件等。它可以是任何東西。 緩慢加載的網站可能會拒絕希望快速加載時間和流暢在線體驗的訪問者,從而損害業務。 WordPress 處理的一個弱點是它的加載時間通常很慢。
如果不採取最佳措施,您最終可能會得到一個緩慢移動的網站,這肯定不僅會給重複的網站訪問者帶來不便,而且會因人們的不耐煩而失去訂閱者和客戶。
如果您的頁面速度很慢,您甚至可能在有機會將訪問者轉化為客戶之前就失去了訪問者。 谷歌甚至將網站速度納入其排名公式。
這表明您網站的速度會影響 SEO。 如果您的網站運行緩慢,您不僅會失去網站訪問者; 你也會因為在搜索引擎中的排名較低而失去他們。
因此,讓我們加速您已經工作了很長時間的 WordPress 博客。 我建議在這些提示之前和之後測試頁面速度,以查看加載時間是否有任何顯著變化。 您可以使用 GTmetrix、Pingdom 或 Google PageSpeed Insights。
加快 WordPress 網站速度的技巧
以下是您可以應用以提高網站速度的提示:
#1 只保留你需要的插件
有許多插件承諾為您的網站做驚人的事情,很容易被趕上並趕上插件熱潮。 很快,您就有了控制站點上所有功能和特性的插件。
那不行。 更多插件,更多問題。 您擁有的插件越多,您的網站在加載時需要做的工作就越多。 此外,並非所有插件都正確編碼。 有些可能已經過時。
只保留你需要的。 擺脫執行相同功能的多個插件、不再使用的插件以及兩年多前創建但從未更新過的插件。
#2 謹慎選擇託管服務提供商
在開始時,共享主機似乎很划算(無限磁盤空間使用,無限帶寬)。 但它帶來了另一個代價:令人難以置信的緩慢移動站點速率以及在高流量持續時間內持續停機。
如果您打算開展嚴肅的業務,那麼在共享主機上運行 WordPress 網站就是在自殺。 不要成為受害者; 購買合適的主機。 您可以在我的帖子中查看最便宜的 WordPress 託管服務提供商,我根據他們提供的功能對它們進行了比較。
#3 主頁上的小部件太多
在大多數情況下,主頁是訪問者看到的第一個頁面。 您可能已經設計它來炫耀您擁有的一切。 隨處可見的側邊欄,我保證只有一個小部件。 都是為了給遊客留下深刻印象。
但是首頁上的小部件和內容越多,您的網站加載所需的時間就越長。 請記住,乾淨的設計同樣令人印象深刻。 不要在您的主頁上隨處放置共享小部件。
將它們保存在博客文章的末尾,它們將產生最大的影響。 您還可以使用 WordPress 選項加快加載時間以顯示摘錄而不是完整的帖子,並將每頁的帖子數量限制為 12。
#4 好的 WordPress 主題
良好編碼和優化的 WordPress 主題是必不可少的。 它就像你房子的地基。 沒有它就什麼都沒有。 確實,在安裝並激活主題之前,您無法確切知道主題是否編碼良好。 查看其他人在說什麼並閱讀評論以找出答案。
如果您不確定使用付費或免費 WordPress 主題,也許免費與付費 WordPress 主題帖子指南會有所幫助。
#5 圖像優化
圖像的大小和質量越高,加載所需的時間就越長。 您擁有的圖像越多,網站就越慢。 有解決方案,所以不要害怕在您的網站上使用圖片。
在將圖像上傳到我的網站之前,我總是在 Photoshop 中調整它們的大小,並在保存時選擇“保存為 WEB”選項。 這可以保持圖像質量,但會優化它們以在網站上使用。
上傳後,我通過圖像優化插件運行圖像。 我使用過 Image 和 PDF Optimizer 插件,但現在我更喜歡 ShortPixel。
您還可以安裝延遲加載插件。 這是一個僅加載出現在“首屏”或訪問者正在查看的網站部分的圖像的過程。
您可以使用 jQuery Image Lazy Load 插件自動執行此操作(此插件不再更新和支持。我建議尋找替代插件)。
#6 使用緩存插件
WordPress 插件非常有用。 緩存插件大大縮短了頁面加載時間,最重要的是,WP.org 上的所有插件都是免費且易於使用的。 您可以嘗試W3 Total Cache、WP Rocket 或 Super Cache。 這些是最受歡迎的,應該會加快 WordPress 網站的速度。
某些功能和設置可能會讓人不知所措,您可能會迷路。 所以要小心你將啟用什麼。 還有很多教程可用於最佳設置緩存插件,因此也請查看它們。
有關更多信息,您可以查看 WP Rocket 與 WP Super Cache 與 W3 Total Cache 與 Hyper Cache 的比較。
#7 使用內容交付網絡
所有大型站點都使用 CDN。 內容交付網絡或 CDN 獲取您網站上的所有靜態文件(CSS、JavaScript 和圖像等),並通過在盡可能靠近訪問者的服務器上提供文件來讓訪問者盡可能快地下載它們。
如果您的網站仍然很小,您可能不需要像 Max CDN 這樣的內容交付網絡的付費選項來加速 WordPress 網站。 而不是開始使用免費的 CloudFlare 計劃。
#8 優化 WordPress 數據庫
這可以通過非常乏味、非常無聊的手動方式來完成,或者……是的,另一個插件。 您可以簡單地使用 WP-Optimize 插件,我在我管理的每個站點上都使用它。
雖然它已經 1 年沒有更新了,但它仍然可以正常工作,沒有問題或與其他插件衝突。 您可以嘗試 WP-Sweep 作為替代。
這個插件讓你只做一個簡單的任務:優化數據庫(垃圾郵件、帖子修訂、草稿、表格等)以減少它們的開銷。
#9 禁用盜鏈
盜鍊是帶寬“盜竊”的一種形式。 當其他站點從他們的文章中直接鏈接到您站點上的圖像時,就會發生這種情況,從而使您的服務器負載越來越高。 如果您的網站變得越來越受歡迎,很多人會“刮掉”您網站的帖子,那麼這可能會迅速增加。
將此代碼放在根 .htaccess 文件中:
禁用帶有禁止或自定義圖像選項的圖像盜鏈
重寫引擎開啟
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?sparringmind.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?feeds2.feedburner.com/your feedburner name [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]
您需要將 Feed 的名稱放在“您的 Feedburner 名稱”中,否則您的圖片將無法正確顯示。
#10. 向靜態資源添加過期標頭
Expires 標頭是一種在未來指定足夠遠的時間的方法,這樣客戶端(瀏覽器)就不必重新獲取任何靜態內容(例如 css 文件、javascript、圖像等)。 這種方式可以顯著減少普通用戶的加載時間。
您需要將以下代碼複製並粘貼到根 .htaccess 文件中:
過期激活
ExpiresByType 圖像/gif A2592000
ExpiresByType 圖像/png A2592000
ExpiresByType image/jpg A2592000
ExpiresByType 圖像/jpeg A2592000
以上數字設置為一個月(以秒為單位)。 根據需要更改它們。
#11 啟用 HTML 壓縮
HTML 壓縮有助於減少整個網站的每個文件大小。 它通過安全地縮短 URL、從 HTML 文檔文件中刪除所有標準註釋和不整潔的空格來減小文件大小。
通常在 WordPress 中,每篇文章都被格式化為 HTML 文檔,因此很明顯,如果我們啟用 HTML 壓縮,我們將獲得最佳機會來節省帶寬並確保近乎即時的內容交付給我們的讀者,同時提高 Google 排名。
如果您激活了某些緩存插件,它應該可以選擇啟用 HTML 壓縮。
#12 啟用 HTTP 壓縮
它很像 HTML 壓縮,但 HTTP 壓縮針對所有文件,包括 JavaScript、CSS、HTML、XML、Plain、Favicon 等。這是通過 Gzip 壓縮 WordPress 網站中的其餘內容來更快地加載網站的最流行方法。
它減少了超過 60% – 80% 的頁面大小。 要啟用 HTTP 壓縮,請在 .htaccess 文件中使用以下代碼行:
# compress text, html, javascript, css, xml: AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript AddType x-font/otf .otf AddType x-font/ttf .ttf AddType x-font/eot .eot AddType x-font/woff .woff AddType image/x-icon .ico
#13 縮小 CSS 和 JS
JavaScript 和 CSS 文件通常包含未使用的空格和註釋。 要刪除那些未使用的空格和註釋,最好啟用 minify 而不是一次編輯每個文件。 如果您已激活緩存插件或 CDN (Cloudflare),則應該有一個選項可以啟用 CSS 和 js minify。
加速 WordPress 摘要
希望這些技巧能幫助您加快 WordPress 網站的速度。 我想指出的是,雖然速度極其重要,但並不是一切。 始終牢記您網站的目標是什麼。
我提到的技術範圍從基本到中級改進,您可以實施這些改進來優化您的 WordPress 網站。
這種工具和插件的組合應該有助於在不花錢的情況下創建一個更快的網站。 您需要知道的另一件事是,過多的插件不一定會減慢您的網站速度,前提是它們是優質插件。
現在交給你了。 我錯過了什麼? 如果您有建議,請在下面的評論中告訴我。