20 位 SEO 專家分享 WordPress 優化速度技巧
已發表: 2021-05-13WordPress頁面速度優化
在 2021 年及以後，對速度和加載性能的 WordPress 優化的需求是一件大事。
為什麼？ 去年 5 月，谷歌宣布了他們的下一個主要算法更新，稱為頁面體驗更新。 該更新將包括新的頁面體驗信號，這些信號將成為其排名系統的一部分，現在計劃於 2021 年 6 月中旬推出。我們認為現在是提供一些來自 SEO 專家的 WordPress 優化速度提示的好時機。
谷歌非常了解用戶友好的網站，並且顯然希望在使用他們的搜索引擎時為他們的用戶提供最好的體驗。
出色的用戶體驗的一個重要部分是網頁加載的速度。 沒有人喜歡等待 4、5、6 秒或更長時間才能完全加載網頁。 谷歌的研究發現，與加載 1 秒的網站相比，加載 5 秒的網站的跳出率增加了 90%。
因此，WordPress 頁面速度優化很重要！
當 Google 可以優先考慮另一個具有出色用戶體驗的網站時，為什麼還要將用戶引導到用戶體驗不佳的網站！ 這就是新頁面體驗信號的來源……
頁面體驗信號
“頁面體驗是一組衡量用戶如何感知與網頁交互的體驗超出其純粹信息價值的信號。”
谷歌
頁面體驗信號包括 Google 的 Core Web Vitals，這是一組衡量網頁實際加載性能的指標。
什麼是核心網絡生命力？
Google 的 Core Web Vitals 由三個指標組成； 最大的內容繪製、首次輸入延遲和累積佈局偏移。
不用說，新的指標不是不言自明的！
以下是指標衡量內容的快速摘要：
Largest Contentful Paint (LCP) ：衡量網頁的加載性能。 LCP 是從頁面開始加載開始，網頁呈現可見的最大圖像或文本塊所用的時間。
首次輸入延遲 (FID) ：衡量網頁的交互性。 FID 是從用戶第一次與網頁交互開始的時間，即。 單擊按鈕，直到瀏覽器可以開始處理對請求的響應。
Cumulative Layout Shift (CLS) ：衡量網頁的視覺穩定性。 CLS 測量整個頁面生命週期中頁面元素的總體佈局變化。
Cumulative Layout Shift 可以說是最難解釋的。 上圖顯示了頁面加載時文本塊的移動。 通常是由於延遲加載另一個元素或廣告，移動您正在閱讀的文本的位置，或者您將要單擊的按鈕！
這些指標添加到現有的網絡重要指標，這些指標已經在使用； 移動友好性、安全瀏覽、HTTPS 安全性和侵入性插頁式指南。
WordPress網站速度慢的原因
WordPress 的流行來自於其無限的可定制性和創建網站的用戶友好性。 這是一個強大且通常安全的平台，具有無限的可能性。
數以千計的主題和插件允許數百萬種組合，以創建完美的網站。 但是，並非所有主題或插件都考慮到了速度，或者可能與某些插件存在兼容性問題； 這可能會導致任何數量的頁面性能相關問題。
網頁的內容在影響頁面速度性能方面也起著重要作用。 例如，一個充滿高質量圖像或視頻的主頁的加載時間要比一個帶有少量插圖和文本塊的主頁長得多。
除了 WordPress 本身，託管也是一個重要因素。 WordPress 主題的效率和編碼有多好並不重要。 如果託管不好，整個網站都會受到影響。 託管是 WordPress 優化速度的一個重要因素。
WordPress 速度優化：來自 20 位 SEO 專家的提示
我們邀請了 20 位 SEO 專家與您分享他們的想法和 WordPress 速度優化技巧。
今天的 SEO 機構可能涵蓋優化的所有方面，或者在提高 WordPress 網站的速度和加載性能方面擁有專門的領域。
Adam Gingery是 Majux 的首席運營和付費廣告官，他提供以下建議：
“首先，獲取適用於 WordPress 的 NitroPack.io 插件。 它比其他緩存選項（甚至 WP Rocket）更好，它會立即為您提供 Core Web Vitals 提升。
其次，如果您還沒有這樣做，是時候升級您的主機了。 Linode 需要更多技術設置，但它也可以立即為我們的客戶提高頁面速度。 如果您處於競爭激烈的利基市場，CDN（如 CloudFlare）是另一個不可協商的選擇。
如果您在 WordPress 網站上使用 Divi，我建議使用名為 PerfMatters 的插件來識別不需要在您網站的每個頁面上加載的 CSS。 您可以在 PerfMatters 的腳本管理器中禁用 CSS - 這很重要，因為 Divi 往往會在整個網站上加載您不需要的大量 CSS。\”
回應 Adam 對 Perfmatters 插件的評論； 我們發現這對於應用這些額外的性能調整以及流行的 WP Rocket 緩存插件非常有效。
Studio Anansi 的創始人Elliot Olson專注於一些主要的罪魁禍首，包括插件、主題、圖像和視頻； 用她的 WordPress 速度優化技巧：
“如果您的網站加載緩慢，請先查看 WordPress 管理控制台。 您真正需要多少插件和主題？ WordPress 網站通常很容易積累插件——也許你安裝了一個插件來測試一個新功能，但現在你不再需要它了！ 還有額外的主題嗎？ WordPress 通常會包含年度默認主題，但如果它們不使用，則無需將它們保留在您的網站上。 刪除未使用的插件和額外的主題將提高您的網站速度。
接下來，查看您的圖像和視頻。 大型媒體文件很容易減慢網站加載時間。 此外，您的在線訪問者的互聯網連接速度可能很慢。 強迫訪問者等待圖像或視頻意味著更高的跳出率和更低的 SEO 排名。 通過減小文件大小來縮短加載時間。 使用 tinypng.com 之類的工具和 Enable Media Replace 之類的插件。
最後，對所有剩餘的加載緩慢的頁面進行審核。 您可以刪除額外的頁面元素，或者將它們更改為資源較少的選項嗎？ 例如，用靜態圖像替換滑塊可以顯著提高頁面加載速度——讓你的用戶和谷歌更快樂，最終提升你的 SEO！”
一些很棒的觀點！ 特別是，更換滑塊的建議是 WordPress 頁面加載緩慢的常見原因。
“刪除未使用的插件和額外的主題將提高您的網站速度”
艾略特·奧爾森，工作室 anansi
總部位於倫敦的 SEO 顧問和培訓師Itamar Blauer發現未壓縮的圖像是 SEO 頁面加載速度的一個重要因素：
“我在很多網站上發現，未壓縮的圖像會顯著降低其頁面的加載速度。 之所以如此突出，是因為很多站長上傳的圖片質量很高，佔用了很多不必要的空間。
解決此問題的最佳方法是爬取網站並識別具有最大文件大小的圖像。 然後，使用 TinyPNG 等圖像壓縮工具將減小圖像文件的大小，以便您可以將它們重新上傳到 WordPress。 執行此操作時，請確保
從媒體庫中刪除未壓縮的圖像，因為這仍會佔用數據庫上不需要的空間。”
Play Media 的 SEO 顧問兼首席執行官Mladen Maksic強調了做出正確的主題和託管選擇以幫助 WordPress 提高性能的重要性：
“您在啟動網站之前所做的選擇與您稍後應用的調整一樣重要。 一些 WordPress 主題比其他主題更快，例如粉絲最喜歡的 Neve，但我可以輕鬆推薦 Astra。 除了主題之外，您選擇的網絡託管服務提供商也同樣重要。 不要共享主機，其他網站只會成為非常有限的資源的瓶頸。 我認為最好的選擇是虛擬專用服務器或 VPS。 VPS 主機不是太貴，它由更少的網站共享，而且它是可擴展的。 確保服務器靠近訪問者以最大限度地提高速度。
除此之外，請始終確保您的 WordPress 網站已更新。 通常這些小步驟可以提供最大的價值。 盡可能嵌入視頻和音頻以減少帶寬壓力，而不是將文件直接上傳到 WordPress。
最後要注意的是——不要只安裝你遇到的任何插件。 他們只會進一步佔用資源。”
在 Studio 36 Digital，我們還發現 Neve 是一個出色、輕量級且編碼良好的主題選擇。
Kevin Cook是 On The Map Marketing SEM 產品的首席產品負責人。 該機構一直在與頁面速度問題作鬥爭，並提供以下 WordPress 速度優化技巧：
1. 設置您自己的主題並儘量減少您在網站上使用的插件數量。 通過自定義編碼而不是安裝插件，我們能夠提供更安全、更快的體驗。
2. 如今，擁有一個優化良好的服務器至關重要。 有很多便宜的選擇，因此將專業網站託管在由 GoDaddy 託管的共享 VPN 服務器上確實沒有任何意義。 升級並觀察您的網站從中獲得的速度有多快
3. 使用 CDN！ 這對我們一直試圖加載的那些大圖像有很大幫助。 一旦我們找到了一個很棒的 CDN，我們就看到了一些喜歡在他們的網站上放圖片的最佳客戶的巨大改進。
4. 我們開始使用 Rocket WP 作為我們的緩存插件，它一直是我們的救星。 升級出免費緩存插件為我們的開發團隊提供了確保每個網站盡可能快地加載所需的控制權。
“通過自定義編碼而不是安裝插件，我們能夠提供更安全、更快速的體驗”
凱文庫克，地圖營銷
Nate Nead是西雅圖 SEO.co 的首席執行官。 我們每個月都會做大約六個 WordPress 網站速度優化項目。 每一個都是獨一無二的，但隨著核心網絡生命力成為谷歌的排名因素，我們正在推動更多的現有和潛在客戶清理
他們網站的速度。 為此，我們實現了以下內容：
– 高效託管
- 減小圖像尺寸
- 壓縮和壓縮文件
- 壓縮和減少 CSS/Javascript 調用
- 緩存內容
– 使用全球 CDN（內容交付網絡）
- 控制和縮小圖像負載
當我們努力提高網站速度時，大多數緩慢的罪魁禍首都與前端加載相關，包括圖像大小、JavaScript 加載等。最流行的 CMS 平台上的插件通常會導致該問題。 瀏覽器緩存之類的東西是賭注。
任何好的站點掃描通常都可以查明問題的根源。 如果該來源來自網站上不重要的內容，我們通常會首先完全消除它。 否則，我們必須找到壓縮或代碼解決方法。
通常，通過網站優化方面的經驗，代理商對其 WordPress 優化有一個首選策略。 Ayokay 的創始人Jack Shepler建議使用以下工具組合。
“我認為加快網站加載時間的最佳方法之一是使用 WP Rocket、Cloudflare 和 Imagify。 Cloudflare 和 Imagify 與 WP Rocket 插件集成，這使得整個設置變得超級簡單。
使用 WP Rocket，您可以處理圖像和視頻的緩存、縮小、預加載和延遲加載。 使用 Imagify 插件，您可以優化圖像以使其尺寸更小並以更好的 webP 格式保存。 然後，您選擇 WP Rocket 以將圖像顯示為 webP 格式。 在 Cloudflare 註冊一個免費帳戶並通過 WP Rocket 使用設置，您最終會得到一個比網絡上大多數網站更優化速度的網站。 通常，這裡的內容足以讓您在 Core Web Vitals 中保持綠色。”
“我認為加快網站加載時間的最佳方法之一是使用 WP Rocket”
傑克·謝普勒，Ayokay
Assured Marketing 董事總經理Connor Hewson將延遲加載視為圖像的速度優化解決方案：
“對我來說，優化著陸頁加載速度的插件是 LazyLoader。 在網站上使用圖像/信息圖表對於確保從 SEO 工作中獲得的新訪問者將參與內容並遵循銷售路徑至關重要。
但是，當著陸頁的圖像很重（因為它們應該具有良好的可讀性）時，它可能會增加加載時間，從而導致跳出率飆升。 因此，使用 LazyLoader 插件來壓縮圖像，甚至在完全加載之前顯示較低質量的圖像，這是在不犧牲應該在這些頁面上展示的出色圖像的情況下保持整個網站的專業外觀的好方法。”
Isaac Bullen是 3 White Hats 的亞太區總監，他提供以下 WordPress 速度優化技巧：
“我認為很多網站所有者沒有意識到他們有很多可以擺脫的不必要的臃腫。 通常只是刪除未使用的主題和插件有助於縮短網站加載時間。 我還建議人們查看他們的插件列表，看看他們是否有任何他們並不真正需要並且可以刪除的活動插件。
如果您還沒有使用一個快速加載主題，那麼切換到一個沒有太多膨脹的快速加載主題也是一個好主意。 一些不錯的選擇包括 Hello、GeneratePress、Astra 和 Kadence。
如果您使用的是頁面構建器，例如 Elementor，那麼將其替換為 GenerateBlocks 之類的東西是個好主意。 您不僅可以完成相同的頁面設計，而且通過消除加載緩慢的 Elementor 頁面，最終獲得更快的網站。”
FairyDigital 的聯合創始人兼 SEO 專家Mark Coster建議刪除頁面構建器是降低 WordPress 網站速度的主要因素：
“由於谷歌似乎決心削減緩慢和惰性網站的排名，所以產生立竿見影效果的第一個主要干預措施是擺脫頁面構建器，如果你使用的話。 我在所有網站上都安裝了 Thrive 和 WP Page Builder。 在我卸載它們並更改為與 Gutenberg 一起運行非常流暢的超快 Kadence 主題後，我所有網站的頁面加載速度都飛速增長。 問題是，即使是最好的頁面構建器也會使用現成的代碼，最終導致網站窒息。
你也應該盡量不要上傳全尺寸的 PNG 圖像——我總是將它們調整為 600×400 和 JPG。 足夠的質量不會影響我的網站的視覺吸引力，並且足夠輕巧，不會造成任何堵塞。
最後，第三個簡單的干預是：插件。 在過去的幾個月裡，我決定在我的插件上實現極簡主義，只保留那些絕對必要的。”
“產生立竿見影效果的第一個主要干預措施是擺脫頁面構建器”
馬克·科斯特，童話數字
Michael Steele是 Flywheel Digital 的首席執行官，他著眼於正確優化圖像大小作為快速獲勝的 WordPress 優化技巧：
“在 WordPress 網站上進行速度優化的一個快速方法是正確調整圖像大小和優化圖像。 圖像不應大於其容器大小的兩倍（以適應視網膜屏幕），這將自動幫助減小文件大小。 除了適當調整它們的大小之外，理想情況下，圖像文件的大小應為 100 KB 或更小。 這可以在
通過 TinyPNG 等第三方工具或使用 Smush.it 和 ShortPixel 等 WordPress 插件將文件上傳到網站後，將文件保存在 Photoshop 等程序中。
雖然 WordPress 插件和主題可以節省大量的開發時間和費用，但缺點是這可能會導致不必要的代碼減慢頁面加載時間。 像 WP Rocket 這樣的插件將通過壓縮和組合文件來優化 CSS 和 JavaScript，推遲非關鍵資源的負載等等，這可以顯著改善頁面加載時間和核心網絡生命體徵得分。”
John Locke是 Lockedown Design & SEO 的 SEO 顧問，他建議使用以下 WordPress 速度優化技巧：
“我為減少 WordPress 網站構建中的加載時間而採取的一些措施包括：盡可能使用系統字體，以消除外部字體加載。 使用 Autoptimize 插件內聯關鍵 CSS，同時正常加載其餘部分。 我還使用函數文件有條件地加載特定於自定義帖子類型和頁面模板的 CSS。 我不再使用背景圖片，因為瀏覽器每次都會加載這些圖片。 相反，我使用的是圖片元素，WebP 位於堆棧的前面，而 img 元素作為後備。 這些可以被瀏覽器緩存。 我使用 CSS 來模擬背景圖像，使用 background-size:cover。
除了 Autoptimize 之外，我還使用 Ansyc JS 插件來延遲或異步每個可能延遲的 JavaScript。 信不信由你，減少使用的 CSS 轉換量也會減少加載時間。最後，我使用 Paul Irish 的 Lite YouTube Embed 代碼加載 YouTube 視頻的外觀，點擊後加載用於視頻的 JavaScript。”
GR0 的聯合創始人兼首席執行官Kevin Miller提供了有關緩存以減少頁面加載時間的建議：
”WordPress 頁面被認為是“動態的”，這意味著頁面是在訪問者訪問您網站上的帖子或頁面的那一刻創建的。 此過程涉及相當多的複雜性，當多個用戶同時訪問時，這確實會阻礙您的網站速度。 為了緩解這種情況，請安裝一個可以提高站點速度的緩存插件。 您的緩存插件不會在用戶每次訪問頁面時重複整個頁面生成過程，而是在第一次加載後復制頁面，然後將該緩存版本提供給未來的重複訪問者。”
Capture Commerce 的Tom Shivers建議注意插件和緩存，並建議刪除緩存插件的正確程序：
“首先，從服務器中刪除未使用和不再使用的插件，然後清除數據庫，然後清除緩存。
如果您的 WordPress 託管在 GoDaddy 上，WP Rocket 是最好的插件，但它不是免費的。 否則，請嘗試 WP-Optimize，優化數據庫並進行緩存。 正確設置，WP 會更快。 如果使用 WP-Optimize，我發現 Autooptimize 可以很好地配合它。 配置自動優化設置以幫助處理冗餘、JavaScript 和圖像。 您需要使用 Autooptimize 註冊您的網站，因為如果您不這樣做，圖像壓縮將停止工作。
如果託管在 Apache 服務器上，WP-Optimize 本身運行良好。
在停用緩存插件之前，您必須先禁用緩存，然後才能停用插件並將其從服務器中刪除。
在安裝新插件之前，請查看描述和要求，看看它是否與您的 PHP、主題和 WP 版本兼容。 如果不兼容，JavaScript、CSS 或 PHP 可能會停止工作。”
Patrick Carver是 Constellation Marketing 的首席執行官，他專注於速度優化的三個主要領域：
“在我們的機構，我們專注於速度優化的三個核心領域。 這一切都始於具有內置 CDN 的出色託管服務提供商，可在世界任何地方提供出色的體驗。 我們工作的第二部分包括使每個頁面盡可能精簡。 圖像壓縮，
元素減少和代碼優化都包括在內。 最後，我們依靠幾個 WordPress 插件來幫助優化整個網站並幫助提供閃電般的快速體驗。”
“這一切都始於具有內置 CDN 的出色託管服務提供商，可在世界任何地方提供出色的體驗”
帕特里克·卡佛，星座營銷
Digital Funnel 公司董事兼 SEO 專家Ian Carroll ； 提供這些簡單的 WordPress 速度優化技巧：
“就 SEO 而言，擁有一個閃電般快速的 WordPress 網站至關重要。 如果您對編碼領域並不完全滿意，這裡有一些簡單的技巧可以幫助您開始提高速度。
WordPress 頁面是動態的，這基本上意味著每次有人訪問頁面時它們都是從頭開始構建的。 要構建這些頁面，WordPress 本質上必須運行一個流程，找到您的信息，構建它然後呈現它。 這很容易成為瓶頸並削弱您的網站速度。
簡單的解決方案是利用緩存插件，在某些情況下，這可以將您的速度提高 5 倍於以前的速度。 WP Super Cache 是一個免費的插件，非常有用。
人們在構建 WordPress 網站時犯的另一個典型錯誤是加載圖像。 是的，它們看起來不錯，但需要優化。 一些照片文件可能很大，因此您需要壓縮。 最佳做法是使用 PNG 和 JPEG 文件類型。 當您壓縮圖像時，它會損失一些質量，因此通常未壓縮的圖像將具有更大的文件大小但具有更好的細節。 PNG是未壓縮的，而JPEG是。 最好將 JPEG 用於具有多種不同顏色的圖像，而將 PNG 文件用於簡單的基於文本的圖像。”
Sam Orchard是 Edge of the Web 的創意總監，他建議使用特定插件作為其 WordPress 速度優化技巧的一部分：
“因為 WordPress 非常強大並且提供了廣泛的功能，它使用了大量的代碼開銷，最終會降低網站速度。 這可能會對您的 SEO 和用戶體驗產生影響，因此盡可能簡化您的網站和代碼非常重要。
可能會減慢網站速度的最大因素之一是大量圖像，但有幾個方便的插件可以幫助解決這個問題。 我們喜歡 Smush 壓縮圖像而不影響質量和 WebP 轉換器，它將圖像從傳統的 JPEG、Gif 或 PNG 格式轉換為 WebP，一種新的更輕、更快的加載格式。 WP Fastest Cache 是另一個對速度優化至關重要的免費插件。 這個緩存系統可以幫助改善您的 TTFB（到第一個字節的時間）和服務器負載，以獲得最佳的網站性能。”
“導致網站速度變慢的最大因素之一就是大量圖片”
山姆果園，網絡邊緣
Agile Digital Agency 董事總經理Juan Pineda就 WordPress 速度性能的一些技術方面提供建議：
“如果像互聯網上 35% 的網站一樣，您在您的網站上使用 WordPress，您可能會認為您的網站性能會隨著時間的推移而下降。 這可能由於多種原因而發生。
您需要檢查的第一件事是您使用的是最新版本的 WordPress 和插件。 還要檢查您的服務器是否正在運行您的 WordPress 版本推薦的 PHP 和 MySQL 的推薦版本。
您可以查看的下一件事是您的託管服務提供商，看看它的表現如何。 您可以使用 Pingdom 等工具來評估您的服務器在調用您的網站時的響應方式。
一些託管服務提供商提供了您可能尚未激活的性能工具，因此請登錄您的控制面板並查看您是否有一些可以激活的服務器緩存機制，例如 Redis。 註冊 Cloudflare 以獲得額外的安全性和性能，並將他們的插件添加到您的站點。 然後尋求添加一個性能良好的插件，例如 Autoptimize，並使用 Cloudimage 將您的圖像移動到雲中。”
Create IT Web Designs 的所有者和設計師Jessica Rhoades專注於她的 WordPress 速度優化技巧的託管和圖像數量：
“我最好的建議是選擇一個好的可靠的託管服務提供商。 託管服務提供商是您運行網站速度的基礎。 如果您的預算允許，請避免使用共享託管服務提供商。
在設計您的網站時，請記住您的頁面有多長以及您在網站上放置的圖像。 圖片佔網站頁面大小的 50%。 限制自己不要對照片過於瘋狂，因為它會顯著影響網站的速度。 優化那些
圖像——意味著使用免費工具 TinyPng.com 等工具將它們壓縮到盡可能小的尺寸，而不會損失圖像質量。”
Twiz 的聯合創始人 Christian Velitchkov為 WordPress 速度優化提供了以下 5 個有效技巧：
”1。 選擇提供雲託管服務的網站託管服務提供商
如 SiteGround、亞馬遜網絡、數字海洋等。
2. 帶有大量設計元素、小部件、社交圖標的 WordPress 主題，
等看起來很漂亮，但渴望頁面加載。
確保為頁面使用輕量級主題，以便加載更快。
3.優化網頁圖片尺寸。 Chrome等很多軟件
PageSpeed 和 Photoshop 允許您在不減小圖像大小的情況下減小圖像大小
圖像的質量。
4.使用先進高效的緩存機制和緩存插件
5.從頁面中刪除任何不需要的項目/插件等以製作頁面
快點。”
WordPress 優化插件
上面的許多 WordPress 速度優化技巧都包括有關緩存插件的建議，以幫助提高加載速度。
在 Studio 36 Digital，我們最近對 350 多名 SEO 專業人士進行了調查； 從四個最流行的 WordPress 緩存插件中詢問他們的偏好。
雖然有更多可用的緩存插件，包括免費和付費版本； 這四個被廣泛使用，WP Rocket 在流行中處於領先地位。
WordPress 速度優化：結論
我們從我們的 SEO 專家那裡獲得了一些很棒的 WordPress 速度提示優化。 值得考慮這些提示和建議並將它們應用到您自己的網站，最好在 Google 頁面體驗更新之前進行。
雖然目前尚不清楚更新將在多大程度上影響排名； 當然值得確保您的網站符合這些標準，以利用更新後的任何潛在排名增益。
值得注意的是，頁面加載性能只是谷歌用戶確定 SERP 位置的 200 多個排名因素中的一小部分。 專注於優質、新鮮的內容和可靠的反向鏈接配置文件作為 SEO 的起點始終是一種很好的做法。
如果您有任何問題，或者我們可以幫助您優化 WordPress 以提高速度，請聯繫我們。