如何加速您的 WordPress 網站? 2021 年完整指南
已發表: 2021-09-27您的 WordPress 網站速度慢嗎? 如果是,我們需要為此努力。
哦,如果您的網站加載速度非常快,是否可以使其更快 - 每毫秒都會產生影響。 我們可以衡量您網站的性能,看看是否還有其他方法可以讓它更快一點。 但我們稍後會談到這一點。
在我告訴您如何使您的網站速度更快之前,我將嘗試確定擁有快速加載網站的重要性。
網站速度重要嗎?
您的網站加載速度對於確保良好的搜索引擎排名和良好的用戶體驗非常重要。 眾所周知,Google 的搜索算法在計算 pagerank 時將您的頁面加載時間作為眾多參數之一。 讓我們來看看 Google 對網站速度的看法以及它可能如何影響您的網站和受眾規模。
谷歌的速度
在谷歌,他們創建了一個實驗來複製伴隨著頁面加載速度不佳的網站或網頁的緩慢。
谷歌的團隊通過創建一個系統來實現這一點,該系統通過注入服務器端延遲故意降低速度,這意味著在結果返回到瀏覽器之前和期間延長處理時間。
從用戶的角度來看,結果是返回緩慢還是瀏覽器處理這些結果的能力很慢並不重要。 實際上,您不會知道是瀏覽器變慢了,而不是網頁變慢了,但它會產生與您在加載緩慢的網頁上所產生的效果相同的效果。
通過將加載速度從 100 毫秒降低到 600 毫秒,搜索次數減少了 0.2% 到 0.6%,結果平均超過四到六週。 您可能會質疑這些結果的重要性。
還發現那些暴露於 200 毫秒延遲的人在前三週內執行的搜索量減少了 0.22%,在第二個三週內執行的搜索量減少了 0.36%。 並且在延遲 400 毫秒後,同樣的結果在第一和第二個三週期間分別下降了 0.44% 和 0.76%。 考慮到 Google 網絡搜索的規模,您可以想像這種對執行搜索數量的影響是巨大的。
除了谷歌之外,包括 AOL、微軟、Bing 和 Shopzilla 在內的幾家大公司已經認識到擁有快速加載網站的重要性。 你可以在這裡讀更多關於它的內容。
網站加載速度很重要——用戶體驗
現在忘記數字,使用慢速網站會有多少樂趣? 您有多少次訪問了一個緩慢的網站,卻再也不想訪問了? 你有多少次在進入睡眠狀態時詛咒你的互聯網連接? 緩慢的網站並不好玩。
在我們開始“使您的網站”更快之前,開始時有多快? 讓我們看看一些工具來幫助我們!
您的網站表現如何?
我們需要衡量當前網站的性能,只有這樣才能衡量性能的任何改進。 您可以使用以下之一,
- GTmetrix
- 網頁測試
- PageSpeed 工具
要定期跟踪您的網站,您可以通過您的 Google Analytics 帳戶訪問實驗室下的網站性能。 如果您尚未將您的網站添加到 GA,您應該這樣做。 除了這些方法之外,大多數託管服務還提供對基本頁面加載速度信息的訪問。
現在,讓我們看看您可以做的十幾種事情來使您的網站更快。
1. 託管服務選擇
雖然您可以採取多種措施來提高站點的性能,但這些方法也有其局限性。 調整軟件只會幫助優化網站性能。 但是當它真正歸結起來時,沒有什麼比最好的硬件更好了。 共享主機是低流量站點的一種選擇,但隨著站點流量的增長,您需要擴展硬件。 虛擬專用服務器、專用主機和託管主機是高/中流量站點使用的選項。 專用主機是為每天訪問數以百萬計的最大站點保留的。 VPS 是為技術嫻熟的人設計的,託管 WordPress 託管是為非技術精通經營在線業務的人設計的。
假設您的預算緊張,我建議您使用 SiteGround 的共享託管計劃。 他們擁有接近 100% 的正常運行時間、免費域名註冊、免費每日備份、30 天退款保證並提供可擴展性。
但是,如果您想要金錢可以買到的最好的託管服務,我會推薦 WPEngine – 託管 WordPress 託管解決方案。 良好的支持和一流的託管解決方案,可創建快速的網站。
如果您使用的是 WPEngine,則可以跳過本性能指南的下一部分(緩存)。 WPEngine 使用 EverCache 來緩存您的站點。 使用託管的 WordPress 主機,您可以忘記關心您的網站性能,而只關注內容製作(在很大程度上是這樣)。
2. 使用最好的緩存插件
(假設您使用託管 WordPress 託管以外的任何內容,其中緩存由您的託管公司在內部提供)
WP Rocket 是一款優質的暢銷緩存插件,可有效優化您的網站以提高速度。 有很多 WP 緩存插件,在我看來,對於 WP 新手來說有點太複雜了。 選項的複雜性對專家級和中級 WP 用戶有利。 WP Rocket 並不難理解和使用。
WP Rocket 執行頁面緩存以降低加載速度,緩存預加載以幫助搜索引擎對站點進行索引,僅根據請求加載圖像(向下滾動時,而不是首次加載頁面時),文件壓縮以將 HTML、JS 和 CSS 轉換為靜態文件,插件對開發人員非常友好。
當我寫一篇關於 6 大緩存插件的文章時,我得出的一個結論是很難比較緩存插件。 每個插件都有點不同的原因,並且最佳地配置每個插件並不容易,如果您沒有在所有插件上設置相同的配置,它會使插件無法進行比較。 相反,我基本上要求我們的讀者使用他們認為最容易使用的插件。 如果您想要更多選項,包括免費增值和免費緩存插件,請閱讀有關 Top 6 Caching Plugins 的文章。
更多信息/下載如果您不使用 WPRocket,需要考慮幾件事情。 這是由緩存插件執行的功能的細分。 確保您的備用緩存解決方案提供所有這些功能。 如果不使用免費緩存插件和一兩個其他插件來複製 WPRocket 的大部分功能。
免費的緩存插件通常完成以下任務。
縮小 HTML、CSS 和 Javascript
代碼中的所有空格、註釋、換行符和任何多餘的東西都可以在沒有目的的情況下使眼睛更容易看到,這對於服務器和試圖聯繫請求您站點的服務器的 IP 來說是完全無用的。
使用免費的緩存插件刪除所有這些東西,您的網站在性能方面會更好。
盡量減少 HTTP 請求的數量
您可以減少對站點服務器的請求數量。 每次有人訪問您的網站時,他們都會請求您網站的文件。 這包括 HTML 文件、CSS 和 JS 文件。 如果您有每種文件類型的多個文件,那麼對於每個單獨的文件,都會向您的服務器發送請求。
需要多個服務器請求的大量文件根本沒有效率。 您可以通過將 JS 腳本、HTML 和 CSS 文件組合在一起來減少這種情況。 一個免費的緩存插件就足夠了。
用靜態 HTML 替換 PHP
也稱為超級緩存,其中完全繞過 PHP 中的文件並以 HTML 格式提供文件。 超級緩存是通過 mod_rewrite 執行的,它無疑是您站點可用的最快的緩存方法之一。 由 PHP 提供的超級緩存靜態文件與以完整 HTML 提供的靜態文件之間的區別是難以察覺的,但它確實使您的站點更快。 與以前一樣,免費緩存插件應該足以完成由 HTML 提供的超級緩存。
GZIP 壓縮
壓縮您的代碼,實質上是使包含代碼的文本文件更小。 您網站的文件被簡單地壓縮,這有助於減少帶寬使用並明顯降低加載時間,一旦在瀏覽器端收到壓縮文件,就可以輕鬆閱讀。 這個功能可以通過像 W3TC 這樣的免費緩存插件來實現。
瀏覽器緩存
對於 JS、CSS 和圖像等靜態內容,這些可以下載並存儲在訪問者的瀏覽器中。 當訪問者第一次訪問該站點時,它會被下載,並在此後至少一段時間內每次需要時從瀏覽器緩存中獲取。 否則,它必須重新下載。
緩存涉及配置您的插件,這對於還不熟悉 WordPress 的讀者來說可能有點令人生畏。 請參閱我們的 6 大緩存插件以找到適合您的免費緩存插件。
免費的緩存插件可能無助於延遲加載。 你要么需要一個高級緩存插件,要么需要其他插件來彌補免費緩存插件的缺點。 因此,如果您打算使用免費緩存插件,請考慮同時使用以下延遲加載插件之一。
對文本、視頻和圖像使用延遲加載
圖像的延遲加載可確保您在訪問者向下滾動時即將進入屏幕時加載圖像。 通過這樣做,網站的加載時間會減少很多,因為圖像相對來說數據量很大。
通常緩存延遲加載是高級緩存插件附帶的功能,而不是免費插件。 因此,如果您不使用具有延遲圖像加載的高級緩存解決方案,則可以使用 a3 Lazy Load。
3. 選擇正確的框架
框架構成了您在其上構建網站外觀並最終顯示您的內容的骨架。 一個好的框架對於確保良好的網站性能很重要。 有助於設計和修改站點外觀的主題也會影響站點加載時間。 帶有龐大框架的華麗多媒體主題並不適合快速網站。
在網站速度方面的性能方面,Headway Themes、StudioPress (Genesis) 和 iThemes 等主題公司基於強大而精益的框架生成主題。 在這個框架上,他們創建了針對特定網站類型和細分市場的顏色填充主題。 在很大程度上,上述主題房屋的成功可以歸因於他們構建主題的 WP 框架。 我會推薦任何上述主題房屋的框架。
有關您可能需要的更廣泛的框架列表,請查看我們對 WordPress 的 16 個最佳框架的匯總。 我們還將在未來對框架和託管選項進行基準測試,以提供關於速度的更好畫面。
4. 使用 CDN
CDN 或內容交付網絡有助於從比您網站的服務器更靠近訪問者的服務器位置更快地將您網站的靜態文件交付給訪問者。 這使得通常快速的網站看起來更快。 CDN 可確保您的訪問者訪問緩存而不是訪問您的服務器。 與從服務器請求站點數據相比,訪問緩存要快得多。
幾乎所有高流量網站現在都使用 CDN 來處理它們的靜態內容。 如下圖所示,像 MaxCDN 這樣的 CDN 具有戰略性地分佈在全球各地的固態驅動器,可為具有廣泛人口覆蓋範圍的網站提供理想的全球內容交付服務。

與普通的主機提供商服務器不同,CDN 的服務器是為在盡可能短的時間內提供靜態內容而量身定制的。 他們還與流行的電信公司有聯繫,以確保您網站的加載時間不受電信提供商的任何中斷或延遲的影響。
如果您使用 CDN,您的站點服務器的帶寬使用量將大幅下降,這將進一步幫助縮短站點加載時間。
5. 優化您網站的數據庫
使用 WordPress 數據庫優化插件並按順序獲取您網站的數據庫。 WP-Sweep 是一個強大的插件,它執行 WP-Spring Cleaning 過程中涉及的多個功能。
WP Sweep 從您的 WordPress 數據庫中刪除冗餘的帖子修訂、評論(垃圾郵件和未經批准的)、任何形式的孤立和重複的元數據(用戶、評論和帖子)以及未使用的術語。 還有其他數據庫優化插件,如 WP-DB Manager 和 WP Optimize,但 WP Sweep 比它們具有顯著優勢。 WP Sweep 對數據執行 WordPress 刪除命令,因此不會像其他兩個運行 MYSQL 查詢的插件那樣留下孤立的數據。
您的數據庫優化插件將擺脫:
- 垃圾郵件、未批准和已刪除的評論——如果您允許它發生,評論會像山一樣堆積在您的 wp 數據庫中。 不時優化您的 WP 數據庫將防止這種情況發生。
- WordPress 數據庫上的重複和孤立數據 – 重複內容對您的服務器來說是一種負擔,它們不需要承擔。 孤立數據通過佔用一行接一行地影響您站點的數據庫,並且它對您的站點沒有任何貢獻,因此術語“孤立”。 重複的內容和孤立的數據沒有任何意義,請將它們從您的網站中刪除。
- 不必要的後期修訂 - 多個後期修訂是不必要的,它們可以增加很多,刪除它們。
如果您決定徹底清理您的 WordPress,您應該刪除未使用的術語、圖像、主題、插件,修復損壞的鏈接並保持您網站的數據庫處於最佳狀態。 由於 WP 是一個數據庫驅動系統,因此您的數據庫健康狀況確實會影響您站點的性能。 雖然現在數據庫優化應該足夠了,但您可能還需要做一兩件事。
我可以進一步討論如何以及應該做什麼來保持 WordPress 數據庫的清潔,但這本身就是一項相當大的工作,我不能在這裡添加更多內容,但如果您想進一步閱讀。 這應該可以幫助您解決問題 – “WordPress Spring Cleaning Toolkit – 如何優化您的 WordPress 安裝以獲得更好性能的完整指南”。
6. 壓縮圖像
與文本相比,圖像是龐大的。 它們在您的 wp-content 文件夾上佔據的空間比您允許的要多得多。 壓縮您的圖像將有助於降低您的網站加載時間。 您可以減小圖像的大小,而不會損失很多感知的圖像質量。
通過 EWWW Image Optimizer 提供的無損壓縮,您可以減小圖像尺寸而不會降低質量。 或者,您也可以使用 Compress JPEG & PNG Images 插件。 他們承諾將 JPEG 圖像的大小壓縮約 40% – 60% 和 PNG 圖像的 50% – 80%,而沒有明顯的質量損失。
7. 診斷你的插件
歸根結底,所有插件都是有助於執行功能的代碼片段。 有時它們會變得麻煩且適得其反。
您將如何識別您網站的錨點? 阻止他們加載?
P3-插件性能分析器
此插件將檢測您的哪些插件嚴重影響您的網站加載時間。 通過插件生成的報告,您將能夠確定哪些插件正在拖慢您網站的速度。 如果任何插件對站點性能影響太大,那麼請尋找替代插件。
在此處獲取 P3 Profiler!
插件管理器
現在您知道哪些插件會影響您的網站性能,您可以選擇在所有網站頁面/帖子上禁用它們,這些插件的使用是可選的。 您可以逐個發布地執行此操作。 因此,如果有插件拖慢了您的網站,而您離不開它,那麼請僅在您網站上絕對必要的頁面/帖子上使用它。
在此處獲取插件管理器!
8. 禁用盜鏈
盜鍊是人們將您網站服務器上託管的內容用於他們自己網站的一種方式。 所以基本上他們在他們的網站上使用你的服務器和你的內容。 結果,您的服務器過載,這對您沒有任何好處。
你如何阻止別人竊取你的服務器資源?
防止人們盜用您網站內容中的內容。 您需要對網站的代碼進行一些修改,這是必須的。 您可以使用 htaccesstools.com 中的此工俱生成必要的代碼,並將其添加到您的服務器中。 通常情況下,您的房東也願意為您提供幫助。
並且一旦您防止盜鏈,您就可以確定您的服務器資源不會用於託管您自己網站以外的網站內容。 盜鏈策略通常針對圖像和其他數據量大的多媒體,因此如果您運行的網站圖像最少,禁用盜鏈不會對您網站的性能產生任何影響。
9. 使用輕量級的最小社交分享插件!
社交媒體共享對任何網站都很重要,它是任何網站營銷策略的重要組成部分。 但是,有時人們會超越自己並提供過多的共享選項,這不僅會惹惱訪問者,還會拖慢網站速度。
10. 禁用 Pingbacks 和 Trackbacks
引用和 pingbacks 讓您知道其他人已將您的帖子鏈接放在另一個博客或網站上。 引用是手動的,而 pingback 是自動的,它們都以您的評論審核結束。 99% 的引用和 pingback 都是垃圾郵件。 如果您開始獲得太多,它可能會影響您的網站速度。
轉到設置 > 討論,在默認文章設置下禁用 pingbacks 和引用。
或者我們可以使用可以處理垃圾郵件的插件。 這將結束任何形式的垃圾郵件。
11. 將 CSS 放在頂部,將 Javascript 放在底部
CSS 引用應該放在最上面。 瀏覽器不會在加載 CSS 之前加載內容,否則,您最終會得到非風格化的內容。 所以首先是CSS,以避免這個小問題。 如果您不這樣做,那麼您的網站將無法逐步加載。 這意味著您網站的一部分將在沒有任何樣式的情況下顯示。 如果您的 CSS 接近尾聲,那麼瀏覽器必須重新繪製您的所有站點元素。 與將 CSS 作為標題的一部分相比,這最終將花費更長的時間。
我們將 JS 放在最後,因為它阻止了瀏覽器中的並行加載。 這意味著它是唯一加載的東西。 此外,如果內容上方有腳本文件,它會阻止漸進式加載。 為了確保所有內容都可以逐步加載,我們需要將腳本放在最後。
免費緩存插件並沒有真正做到這一點。 或者您可以將 Autoptimize 與免費緩存插件結合使用。 但有時事情往往會崩潰,我不會為那些無法解決潛在混亂的人推薦這條路線。 如果您覺得自己無法處理它,請使用 WPRocket。
12. 將你的圖像合二為一——CSS Sprites
瀏覽器必須多次往返您的服務器才能獲取多個圖像。 我們可以將這些圖像組合成一個包含所有圖像的大文件,這將有效減少 HTTP 請求的數量並創建一個更高效的過程。 如果您不熟悉 CSS,您可以使用在線提供的拖放方法來幫助完成相同的任務。 Sprite Pad 將被證明是幫助創建 CSS Sprite 的有用工具。
雖然 CSS Sprite 很有幫助,但它們並不是必不可少的,但如果您想了解更多關於它們的信息,請前往 CSS Tricks。
最後的想法
沒有什麼比擁有內部緩存解決方案和來自知名主題屋的好主題的出色託管 WP 主機更好的了。
但是對於那些預算有限的人,我建議 -
- 一個免費的緩存插件
- 自動優化
- WP 掃描
- 一個不錯的免費主題
這種工具和軟件的組合應該有助於創建一個快速的網站,而無需花一分錢! 但是,我仍然建議您至少嘗試使用高級緩存插件。 它將為您省去為一個目的使用這麼多插件的所有努力。 使所有這些插件有效地為您的網站運行完全是另一回事。
您需要知道的另一件事是,過多的插件不一定會減慢您的網站速度,前提是它們是優質插件。
再次測試您的網站,
- GTmetrix
- 網頁測試
- PageSpeed 工具
在測試時,一次使用一個新插件來檢查結果。 如果它們沒有相繼變好,那麼也許您應該單獨使用以前的插件/插件。 例如,使用像 Fastest Cache 這樣的免費緩存插件,看看你的網站有多快。
在堅持使用新激活的插件之前,基本上尋找性能的增加。
結果如何,您的網站是否變得更快?
我希望它做到了。
我希望這篇文章有幫助
請在下面的評論中與我們分享您的測試結果,也許我們可以幫助您!