WordPress 性能提示 — 您需要了解的基礎知識

已發表: 2021-12-20

當您運行自己的 WordPress 網站時,您需要考慮很多事情,並且加載速度應該是您的首要任務之一。 一個緩慢的網站保證了訪問者的流失。

如果您的網站不斷變慢,那麼您需要立即採取措施解決這個問題——在您永遠失去用戶群之前。

問題是:網上有很多 WordPress 性能指南,但如果您不熟悉網站開發,它們通常會讓人非常困惑。

雖然性能優化可能是一個複雜的過程,但實際上您可以採取一些簡單的步驟來立即加快頁面加載時間。

正在尋找快速、輕鬆的方法來提高您的網站速度? 我們將介紹基礎知識,並為您提供一些專門為 WordPress 量身定制的技巧,這些技巧將大大降低加載時間。

結果? 為您的訪客帶來更好的體驗!

目錄
  1. 為什麼網站性能很重要?
    • 移動頁面加載速度
    • 在線商店頁面加載速度
    • 是什麼導致網站速度慢?
  2. 如何測試您網站的速度
  3. 加快 WordPress 性能的 10 個簡單技巧
    • 選擇更好的託管
    • 使用輕量級主題
    • 刪除不必要和優化不佳的插件
    • 壓縮所有圖像
    • 圖片盜鏈
    • 安裝性能插件
    • 升級您的 PHP 版本
    • 使用 CDN
    • 不要在小部件和外部腳本上重載
    • 縮小 HTML、CSS 和 Javascript
    • 保持最新狀態
  4. 讓您的網站順利運行

為什麼網站性能很重要?

網站性能測試

一秒鐘可以發生很多事情。

頁面加載時間延遲一秒等於頁面瀏覽量減少 11%,客戶滿意度降低 16%,轉換損失 7%。 而對於亞馬遜來說,每年的銷售額可能會損失 16 億美元。

如果您的網站需要三秒或更長時間才能加載,這些數字加起來可能會導致訪問者流失或收入的數量驚人。

訪客只需一秒鐘就可以生氣並繼續前進。 特別是如果您網站上的每個頁面都加載緩慢。 當他們嘗試瀏覽時,延遲會增加,他們的挫敗感也會增加!

互聯網現在比以往任何時候都快。 出於某種原因,頁面加載時間以毫秒為單位。 訪問者等待網站加載的時間越長,他們就越有可能去其他地方。

移動頁面加載速度

對於現在佔在線流量很大一部分的移動用戶來說更是如此。

移動用戶在加載時間方面出了名的不耐煩,如果網站在三秒內沒有加載,大約 53% 的用戶會直接離開。

在線商店頁面加載速度

如果您經營在線商店,網站速度也非常重要。

瀏覽電子商務網站通常涉及在多個頁面之間快速連續導航。 如果客戶必須在訪問產品頁面、將其添加到購物車和瀏覽多個結賬頁面之間等待,他們將不會再向您購買。

這就是為什麼 52% 的在線購物者表示快速頁面加載對他們的忠誠度很重要。

如果您希望您的訪問者長期停留,您應該為他們提供快速、無縫的體驗。 這應該反映在您網站的設計和可用性中,包括它的加載速度。

是什麼導致網站速度慢?

很難準確地回答一個網站為什麼會變慢,因為有很多潛在的原因。 有時是服務器、網站本身,甚至是用戶自己的設備的故障。

但是,很多時候,導致延遲的原因是在您的控制範圍內。

  • 虛擬主機:一個好的主機可以成就或破壞您的網站。 大多數新博客將使用共享主機,因為它通常是最便宜的選擇。 這也是最慢的。 選擇合適的網絡託管公司可以產生重大影響。 僅僅因為他們很受歡迎而與主持人一起去是不夠的。
  • 服務器性能:這又屬於網絡託管領域。 您可能能夠更改服務器配置,但您可能依賴您的網絡主機來管理實際性能。 這也是為什麼進行研究並選擇具有良好基礎架構的主機至關重要的原因。
  • 頁面大小:當網站的頁面中包含太多元素時,它的加載速度會變慢。 如果由於第三方小部件而進行多次外部調用,性能很快就會受到影響。 太多的小部件、製作不佳的主題和插件以及巨大的、未優化的圖像都會導致網站運行緩慢。
  • 流量過多:如果您開始超出託管計劃的帶寬限制,您可能會注意到您的網站開始變慢。 您可以選擇沒有帶寬限制的網絡主機或升級您的計劃以避免這種情況。
  • 用戶設備:有時,用戶的設備無法處理您在頁面上放置的所有內容。 移動設備在加載大型元素時比計算機慢一些,並且一些計算機較舊或可能具有低端硬件。 雖然這不是您的錯,但最好記住某些設備的功能不如其他設備,並儘可能多地測試您的網站。

如何測試您網站的速度

如果您已經做到了這一點,您可能會確信加載時間對您的訪問者來說很重要。 現在該怎麼辦?

您的第一步應該是測試您網站的速度,看看它是否需要一點提升。

雖然在真實設備上測試您的網站很重要,但存在許多第三方工具可以準確跟踪頁面加載所需的秒數。 他們甚至可以就你做錯了什麼提供建議。 以下是使用一些在線工具檢查 WordPress 性能的方法。

  • Google Pagespeed Insights :Google 有一個非常有用的在線工具來評估您的網站的速度。 它會分析您網頁的各個方面,並可以提供各種建議來加快您的網頁速度並最大限度地減少性能障礙。
  • GTmetrix: GTmetrix 充滿了有用的建議和高級技巧,將教您如何提高 WordPress 性能。 它會自動檢測服務器和頁面速度問題,同時準確地告訴您如何修復它們。 不過,您需要註冊才能訪問某些功能。
  • Pingdom: Pingdom 是一種流行的性能監控工具。 他們的速度測試器會根據最佳開發實踐準確地告訴您加載所需的時間以及頁面大小和等級。 它甚至指出哪種類型的內容(腳本、圖像、HTML 等)佔用的空間最多。
  • 測試我的網站:毫無疑問,移動優化很重要。 使用 Google 的工具,您可以在全球多個地區的 3G 和 4G 網絡上測試您的網站。 然後,將您網站的速度與競爭對手進行比較,並獲得有關您可以做得更好的建議。
  • Uptrends: Uptrends 允許您從多個位置、設備、瀏覽器和模擬的互聯網電纜類型測試您的站點。 它太酷了! 這是查看您的網站在任何情況下、在任何設備上的表現的好方法。

加快 WordPress 性能的 10 個簡單技巧

尋找一些最簡單但最有效的方法來加速您的網站? 這些常見的罪魁禍首是新 WordPress 安裝速度變慢的一個重要原因。 這意味著如果您的網站運行緩慢,它們應該是首先進行的更改。

留意這十個優化技巧,讓您的網站再次順利運行。

選擇更好的託管

SiteGround 網絡託管

頁面速度只是性能的一個因素。 後端服務器似乎並不重要,獲得快速服務器意味著選擇可靠、高質量的網絡主機。

首先,應不惜一切代價避免使用免費的網絡主機,除非您負擔不起其他任何費用。 即使這樣,您也應該考慮 WordPress.com 的免費計劃,而不是在免費的第三方主機上託管您的 WordPress.org 網站。

它們可能不會花費任何費用,但免費主機通常非常緩慢,經常停機,實施嚴格的訪客上限,或三者兼而有之!

使用免費託管無法建立良好的聲譽。

共享主機是下一層,這是一個很大的改進——但仍然經常是慢網站的禍根。 在共享主機上,您擠在一個可能有數百個其他網站的小環境中。 如果一個人過度使用資源或使服務器崩潰,它會影響到你們所有人。

考慮改為購買 VPS、雲或專用主機。 這些都提供了隔離的環境和更好的性能。 價格上漲非常值得。

我們推薦幾個網絡主機,包括 SiteGround、Hostinger、GreenGeeks、Kinsta 和 Flywheel。 許多其他質量主機可用。

最後,如果網絡託管站點上的所有行話讓您感到困惑,這裡有一個小提示:如果您擔心速度,請尋找使用 NGINX 而不是 Apache 服務器的主機。 沒有說哪個更好,但 NGINX 更快。

使用輕量級主題

阿斯特拉主頁

主題是您網站的框架。 您網站的大部分代碼和內容都位於您選擇安裝的主題中——這意味著它對您的頁面速度有很大的影響。

許多主題看起來不錯,但可能會因無用的腳本和小部件而陷入困境,這些腳本和小部件會對您的網站造成嚴重影響。 這些應該避免。

代碼優化是必不可少的。 知道自己在做什麼的主題開發人員將遵循最佳實踐並確保他們使用高效的代碼。

那麼如何測試主題的運行情況呢? 如果主題提供演示頁面,您可以將 URL 放入上述速度測試工具之一併進行比較。 還有 WP Speedster,它測試了數以千計的免費主題和插件,然後根據對性能的影響對它們進行排名。

我們自己的主題 Astra 以注重速度和優化而聞名。 它佔用最小的頁面空間,並且與其他主題不同,它避免了像 jQuery 這樣可能嚴重影響加載時間的笨重代碼。

一般來說:包含數十個捆綁插件和小部件的主題可能很誘人,但它們通常優化不佳,並且肯定會減慢您的網站速度。

最快的主題將具有簡潔、高效的設計,並且只有構建漂亮網站所需的少數有價值的功能。

刪除不必要和優化不佳的插件

並非所有插件都會導致性能下降。 有些人的工作做得很好,對性能幾乎沒有影響。 但有些人佔用的資源超出了他們應得的。

如果插件的代碼優化不佳,或者您一次安裝了幾個慢速插件,它會迅速降低您的網站速度。

定期精簡插件列表是個好主意,尤其是在您安裝了數十個插件的情況下。 看到你不再使用的東西了嗎? 繼續並卸載它。 這是一個多一點的空間,並且可能減少您的資源消耗。

但是,如果您需要尋找影響您網站性能的插件怎麼辦?

WP Speedster 還對插件速度進行排名,因此您應該查看他們的列表,看看您安裝的任何東西是否會拖累您。

還有一些方法可以測試您當前安裝的插件。 查詢監視器可能有點讓人不知所措,但如果您是開發人員,它可以讓您深入了解所有插件在做什麼。

您的另一個選擇是測量您的網站速度,停用所有插件,然後再次測試。 如果您注意到明顯的改進,請一一重新激活每個插件並運行測試,直到您發現插件減慢了您的速度。

這是縮小問題範圍的乏味但必要且有效的方法。

壓縮所有圖像

想像一下 WordPress 插件

這是一個大問題——如果你遇到了 wordpress 性能問題,尤其是在某些頁面上(比如大量圖片的博客文章),你可能只需要壓縮你的圖片。

許多新博主不了解圖像優化,因此它通常是 WordPress 網站性能不佳的主要原因。

TinyPNG 和 Optimizilla 都是很棒的在線工具,可以幫助您在將圖像上傳到博客之前縮小圖像尺寸。 如果您想使用可以自動壓縮上傳圖像的插件,請嘗試使用 Smush、Imagify 或 EWWW。

圖片盜鏈

當您使用它時,您應該啟用盜鏈保護。 盜鍊是指另一個網站將您的圖片的 URL 嵌入到他們自己的頁面中。 每次有人在他們的網站上查看圖片時,您的資源都將用於加載它!

由於突然的高流量會降低服務器性能,您可能會無緣無故地註意到您的網站加載速度較慢。 這可能就是原因。

有幾種工具可以禁用熱鏈接。 該功能在 All In One WP Security & Firewall 等安全插件中尤為常見,它可以防止盜鏈並幫助您修補安全問題。

防止直接訪問是另一個插件,它可以向搜索引擎隱藏您的媒體文件,並且還可以方便地防止它們被熱鏈接。

安裝性能插件

w3總緩存插件

有數百個插件旨在幫助您加快網站速度。 這些關鍵工具會為您處理所有繁重的工作,優化後台設置,使您的網站突然變得更快——就像變魔術一樣。

如果您想立即減少加載時間,請查看其中的一些。 但請記住,沒有 WordPress 性能插件可以彌補優化不佳的服務器、插件或主題。

  • W3 Total Cache 在社區中非常有名,當用戶需要一個緩存插件時,他們經常會求助於第一個緩存插件。 WP Rocket 是另一個受歡迎的競爭者,雖然它只是高級版,但它開箱即用,無需配置。 最後,WP Fastest Cache 在用戶數量上與 W3 競爭,但它的評分略高,並且有很多功能可以與之匹敵。
  • WP-Optimize 做到了這一切。 它為您的數據庫提供了一次大掃除,將您的圖像壓縮到可管理的大小,並緩存您的頁面以及任何專用的緩存插件。
  • 如果您想讓 WordPress 在後台保持打開狀態,請考慮安裝 Heartbeat Control。 WordPress 的 API 每分鐘調用幾次,這可能會影響服務器速度並佔用帶寬。 使用此插件將其調低。
  • Clearfy 擺脫了所有使您的網站變慢的煩人的小功能。 禁用小部件,擺脫 Heartbeat API,關閉未使用的腳本和样式,並刪除其他幾個您不需要的代碼元素。
  • Perfmatters 是一個很棒的高級插件,它可以優化一切,清理無用的代碼,並在此過程中加速您的網站。
  • Hummingbird 由 Smush 的開發人員創建,可在一個插件中優化、縮小和緩存您的網站。 掃描工具可讓您準確了解是什麼讓您放慢了速度。

升級您的 PHP 版本

超過一半的 WordPress 安裝在不受支持的 PHP 版本上運行。 PHP 是 WordPress 的支柱; 使一切正常運行的腳本語言。 那麼,如果您是眾多堅持使用舊版本 PHP 的人中的一員,那麼這對您意味著什麼呢?

這意味著安全性差、代碼過時、沒有支持和糟糕的性能。 較新版本的 PHP 比舊版本快兩倍多。 升級可以立即提高 WordPress 的性能。

WordPress 和許多流行的插件通常在最新的 PHP 兼容版本中表現最佳。 在提示時保持最新或升級可以對網站速度和穩定性產生重大影響。

使用 CDN

典型網絡主機的問題在於其服務器僅位於一個位置。 您離它越近,網站的加載速度就越快。 但是,一旦您開始吸引國際訪問者,甚至是來自世界各地的訪問者,頁面加載時間就會變慢。

CDN(內容交付網絡)是解決此問題的簡單方法。 CDN 服務器分佈在全球各地,通常每個大陸都有一個或多個,美國有幾個。 當任何人訪問您的站點時,他們會被快速路由到離他們最近的 CDN 服務器。 這樣,任何人都可以使用可用的最快連接加載您的網站。

儘管 CDN 提供商有很多,但 Cloudflare 是迄今為止最受歡迎的。 它甚至為小型網站提供免費計劃。

不要在小部件和外部腳本上重載

外部腳本會佔用大量加載時間。 通過您自己的站點加載內容幾乎總是更好,而不是向第三方服務器發出請求。

像“相關帖子”這樣的動態小部件也會產生負面影響,尤其是當你用它們超載頁面時。

以下是一些幫助優化頁面速度和防止腳本失控的快速提示。

  • 注意任何向第三方服務器發出請求的元素(插件是罪魁禍首)。 這些太多,您的頁面將緩慢爬行。
  • 除非必要,否則避免嵌入(視頻、地圖和社交媒體帖子)。 太多網站的頁腳中有 Google 地圖小部件!
  • 一些 WordPress 小部件可能會向您的網站添加不必要的內容。 “最近的帖子”小部件顯示您的整篇文章,而不僅僅是摘錄。 您可以在後台進入設置>閱讀,然後將“對於提要中的每篇文章,顯示”更改為摘要。
  • 您還應該將評論分成頁面(想像一下加載包含數千條評論的帖子需要多長時間!)轉到設置>討論並配置評論設置。
  • 在本地託管 Google 字體,因此用戶不必在每個頁面上加載外部腳本。
  • 雖然小請求應該保存在您自己的服務器上,但您應該在其他平台上託管大型、密集的元素,例如視頻。
  • 盡可能延遲加載。 圖像、視頻、小部件、評論和嵌入。 一切都有延遲加載插件。 a3 Lazy Load 涵蓋了其中的大部分。

縮小 HTML、CSS 和 Javascript

您應該縮小您網站上的代碼以使其占用更少的空間。 HTML、CSS 和 Javascript 一起可以對速度產生驚人的影響。 雖然這可能只會減少幾毫秒(除非您的代碼已經優化得很差),但它仍然可以產生影響。

如果您使用的是 Cloudflare CDN,則只需激活 Auto Minify 功能即可。 否則,Fast Velocity Minify 是存儲庫中評價最高的縮小插件,默認設置無需任何調整即可正常工作。

您還可以嘗試 Autoptimize,它通過多種優化(包括代碼壓縮)來加速您的網站。

保持最新狀態

更新 WordPress

最後一步可能看起來並不那麼重要,但您會對它可能產生的影響感到驚訝。 如果您總是發現自己推遲了對 WordPress 核心、主題和插件的更新,那麼是時候改掉這個習慣了。

WordPress 更新通常意味著新功能、改進的安全性和一般代碼維護。 它們還可以為每個人包括優化的代碼和改進的頁面速度。

讓您的 WordPress 主題始終保持最新狀態尤為重要。 您的主題是頁面性能的最大貢獻者之一,您希望盡快在您的網站上進行任何優化。

要檢查 WordPress 中的更新,只需登錄後端並轉到更新屏幕。 從這裡您可以下載更新或檢查新的。

讓您的網站順利運行

不要因為網站速度慢而失去訪問者。 只需幾個簡單的步驟,您就可以在一個下午完成; 您的網站將更有效地工作,您的訪問者將感謝您提供更好的體驗。

頁面加載時間慢是 WordPress 網站的常見問題。 新的博主往往對插件感到興奮和超載,忘記優化他們的圖像,或者使用未能提供承諾速度的糟糕託管公司。

但是,通過遵循本指南中的步驟,您將確定導致性能不佳的問題並防止它們在未來發生。 所有這些都無需做任何過於混亂或技術性的事情。

影響您網站速度的主要因素是糟糕的託管、包含大量代碼的插件/主題,以及影響頁面加載速度的因素,例如外部腳本或巨大的圖像。

密切關注這些,您將能夠使您的網站保持最佳狀態!

什麼是您的首選 WordPress 性能插件,可以最大限度地減少您網站上的加載時間? 如果您有最喜歡的,請在評論中告訴我們。