如何提高您的 WordPress 網站速度和性能

已發表: 2016-01-12

您已經花了幾個月的時間設計了一個令人驚嘆的 WordPress 網站,並與客戶和合作者一起創造了真正特別的東西。 現在你已經向公眾發布了它,是的! 你都完成了。 但是,等等……它有點慢。 您知道網站速度對於您的業務(以及您的客戶)的成功至關重要。 一次又一次,您會被可怕的統計數據打動,例如“近一半的網絡用戶希望網站在兩秒或更短的時間內加載”和“用戶傾向於放棄在三秒內未加載的網站。”

在項目的這個階段很容易感到沮喪,但不要擔心。 在敲開網絡主機的大門或添加大量粗略的插件之前,請按照以下簡單步驟使您的 WordPress 網站流暢、可靠且超快速。

第一步:測試!

在開始之前,進行一些測量並運行一些測試以獲得一些基準非常重要,這樣您就會知道您所做的更改是否真的在改善您的網站。

wordpress 性能台

要測試您網站的速度,最好的辦法是結合使用 WebPageTest 和 Google PageSpeed Insights。 WebPageTest 可讓您很好地了解網站加載所需的實際時間(以秒為單位),這些指標將幫助您了解是後端還是前端導致網站加載緩慢。 Google PageSpeed Insights 最適合查看瀏覽器如何呈現您的網站,並可以幫助您確定可以在前端改進的地方。

第二步:確保你有最好的主機

共享主機的價格標籤總是讓它看起來很便宜,但它的代價是不同的:網站速度慢、性能不規律和頻繁停機。 壓力是不值得的,尤其是當您有能力選擇一個託管的 WordPress 主機(如 Flywheel!)來解決您的 WordPress 性能問題時。 在託管方面,您不想在最重要的時刻遇到最後一分鐘的遷移、被黑的站點、低於標準的服務器和意外停機時間。

使用飛輪,支持一流,儀表板美觀且易於使用,您的網站將保持安全,您將擁有大量功能供您使用。 一探究竟!

第三步:審核你的插件

向網站添加插件可以帶來許多功能和有趣的東西,使您的網站遠遠超出基本功能。 不幸的是,許多都帶來了性能開銷。 我們已經看到了很多緩慢的站點,只需停用一些插件即可立即解決。 避免管理插件偏頭痛的最佳方法是在開發網站時牢記性能。 “不要花費數週時間依賴一個插件,讓它成為你存在的禍根” 當您發現它會使您的網站變得非常緩慢。 閱讀評論,定期對其進行測試,並確保在可用時將其更新到最新版本。

wordpress 性能邏輯

所有這些關於插件的負面討論只是為了讓您意識到使用壞插件時所涉及的潛在風險。 這些通常是由沒有經驗的程序員開發的插件,或者是那些進行大量數據庫查詢並需要密集邏輯處理的插件。 不過,有好消息! 有數以千計的有價值的插件不會讓您的用戶和讀者在瀏覽您的網站時感到沮喪。 魔術只是使用那些,而不是那些表現緩慢的。

您可以很容易地找出哪些插件可能會導致您網站的性能損失。 我們通常使用一個名為 P3 Profiler 的插件來篩選您的整個站點並報告每個插件負責使用的總加載時間的百分比。 如果您對速度很認真,您將在每次激活新插件時運行 P3 Profiler 測試,以確保您沒有安裝會犧牲速度的東西。 另外,通過立即對您的插件進行基準測試,如果從長遠來看,插件的性能不佳,您將不會浪費時間弄亂插件。

如果有一些插件你不能沒有,但仍然會讓你的網站變慢,那麼有辦法繼續使用它們。 通常,如果您確定插件加載緩慢,則下一步是增加服務器上的內存。 消除這樣做的需要是最好的行動計劃,但您可能會發現自己不願意放棄一些插件(例如 WooCommerce)。

使用飛輪,您可以隨時升級您的計劃以獲得更多內存,從而提高速度。 在此處了解有關我們計劃的更多信息。

第四步:緩存所有內容

服務器端和客戶端的緩存是 WordPress 網站性能的重要組成部分。 一旦用戶第一次加載您的網站,您就可以利用瀏覽器功能在本地緩存該網站的內容,這樣用戶下次訪問時就已經加載了這些內容。

同樣,在服務器端,擁有一個緩存層可以為您的站點快速提供服務創造奇蹟。 使用 WordPress 緩存服務器端的最常見方法是使用 W3 Total Cache 插件。 幾乎所有主機都需要此插件(或類似插件)。 此規則的例外是飛輪; 我們使用 Varnish 在幕後為您處理服務器端緩存。 使用 Varnish 而不是插件可以顯著提高速度,因為 Varnish 永遠不必與 PHP 對話。 它會立即為您的站點提供緩存的靜態副本(甚至無需觸及 PHP 應用程序層),而插件仍由 PHP 運行。

在像 Flywheel 這樣的託管主機上,服務器端緩存通過設置“過期標頭”告訴瀏覽器緩存多長時間。 如果這些標頭告訴它不要詢問,瀏覽器將不會向服務器詢問更多信息。 當您開始安裝插件或第三方主題時,您主要必須開始考慮緩存。 主題和插件開發人員可以設置自己的標頭,這些標頭可以覆蓋主機的默認設置,從而對緩存機制產生不利影響。

例如,WooCommerce 通過設置 cookie 來禁用服務器端緩存。 插件或主題禁用緩存時通常不是很明顯,因此最好聯繫您的託管服務提供商並要求他們強制緩存您的網站。 但是,請注意不要在真正需要 cookie 才能工作的頁面上強制緩存,例如 WooCommerce 購物車和結帳頁面。

第五步:使用 CDN

內容交付網絡(或 CDN)是一個服務器網絡,可根據用戶的位置從不同位置為您的網站及其資產提供服務。 例如,假設您沒有使用 CDN,並且您的網站託管在舊金山。 例如,當來自巴塞羅那的人訪問您的站點時,他們必須從您位於舊金山的服務器中檢索您的所有資產。

wordpress-性能-cdn

這兩個位置之間的長距離顯然比來自舊金山的人加載您在舊金山託管的網站需要更長的時間。 CDN 從位於紐約、西雅圖、奧馬哈、巴黎、倫敦、北京和舊金山(等等)的大量不同服務器為您的資產提供服務。 這個想法是用戶將訪問離他們最近的服務器並且不會犧牲加載時間,因為他們與服務器之間的距離更小。 使用 CDN,來自巴塞羅那的同一個人現在將訪問倫敦或巴黎的數據中心,而不是舊金山。 使用 CDN 肯定會為全球用戶提高您網站的速度!

一些最受歡迎的 CDN 包括 Amazon Web Services、CloudFlare 和 MaxCDN。 他們中的大多數都有免費計劃,但是如果您吸引了很多訪問者並擁有大量資產,那麼您很可能需要為 CDN 付費。 它們通常很容易設置,但如果您想要一個超級簡單的設置解決方案,您應該查看 Flywheel 的 MaxCDN 插件。

wordpress 性能電子書

嘗試性能洞察!

我們知道僅靠託管無法解決您所有的 WordPress 性能問題(即使 Flywheel 的雲平台確實讓您的網站飛起來!)。 前端的小細節確實會減慢速度……而且有這麼多插件、主題和技術協同工作,可能很難知道從哪裡開始。

我們的 Performance Insights Add-on 可讓您深入了解您網站的高性能和低性能方面。 從那裡,我們更進一步,直接從我們的專家團隊為您提供建議的操作,讓您確切地知道在哪里以及如何提高您的網站的速度! 在這裡了解更多。