雖然網站頁面在您查看時看起來很簡單,但幕後可能發生了很多事情,尤其是使用 WordPress 等內容管理系統:如果您閱讀了本文,您可能已經了解了幕後情況,例如檢查頁面來源:Yikes!
所有的編碼意味著創建頁面需要時間;如果它有點太長,那麼瀏覽該頁面或嘗試查看該頁面的人可能會決定最好去其他地方看看。正如許多帖子指出的那樣,Google也不喜歡慢速頁面,並且在其他條件相同的情況下,在搜尋結果中將速度較快的頁面排名在速度較慢的頁面之上。
網路上有大量關於如何加速 WordPress 的信息,因此頁面加載速度很快,甚至可能達到最大加載速度,因此在測試時它們會獲得最高分。搜索,您可能會發現此資訊包括插件開發人員告訴您他們的插件是最好用的;還有建議和評論頁面,在某些情況下可能包含附屬連結或以其他方式連接到他們支援的解決方案。有些資訊似乎更獨立,並且在相對輕鬆和“蓬鬆”之間變化 - 就像這裡! ,到更核心,詳細和有點令人畏懼:例如,參見, 修復 WordPress 網站速度緩慢並通過核心 Web 生命週期的 25 種方法:2022 年高級指南.
在這裡,我記錄了一些我運行相對簡單的網站的經驗。
減少浮腫
當談到速度時,一個明顯的問題是頁面的實際大小。基本文字並不重要,但圖像可以很快增加到相當大的尺寸 - 因此最好上傳在顯示器上看起來不錯但也相對較小的圖像。對於照片,這意味著 jpeg,品質適中,像素數量不太多 [880 像素最大長度對我來說似乎合適,但取決於你];就我而言,還在 Mac OS X 上使用 ImageOptim 應用程式。
頁面上也沒有太多的額外內容——滑桿、地圖等等。
然後,就沒有太多幕後的事情了。這在一定程度上意味著不要讓後端塞滿插件,儘管可能很想獲得大量插件,尤其是看起來可能有用的免費插件。我在這裡不是聖人,使用 Yoast、Google Site Kit 以及其他純粹主義者可能會避免的東西 - 部分原因是我喜歡它們的一些功能,而不是我可以複製這個或有時間使用其他方法的高手。
我發現的一件事是,流行的 Contact 7 外掛程式會在每個頁面上載入程式碼;我收到的評論很少,因此很容易更換為另一個更輕量級的插件。
快取 – 使用 W3 Total Cache
我花了一些時間尋找一個即使免費也很有用的快取插件(唉,沒有從我的網站上賺錢)。 W3 Total Cache 符合要求,即使設定很複雜,並且在您完成設定時沒有得到理想的記錄。什麼是「片段快取」? – 要找到答案,您必須導航到更多信息,而不是查看簡短的解釋。
自從使用 WordPress(在 Drupal 之後)以來,我已經使用它幾個月了;一些不錯的結果,但 Google Site Kit 和偶爾 GTMetrix 等測試顯示出相當大的改進空間。部分原因是我只有相當基本的設定:沒有 Varnish、memcache、Redis…
我了解到,為世界不同地區的用戶提高速度的一種可能方法是使用 CDN(一種內容交付網路),因此可以從靠近潛在檢視者的地方提供頁面。似乎有一個主要的免費選項,很多人都在使用:Cloudflare。
雲耀
根據主頁:
Cloudflare 是一個全球網絡,旨在讓您連接到互聯網的一切都安全、私密、快速且可靠。
雲耀
這看起來令人印象深刻,尤其是當 Cloudflare 免費提供相當多的服務,並且可以選擇付費購買更多服務時,甚至可能適合非常大的網站和企業。
使用 Cloudflare 需要付出一些努力 - 不僅需要註冊一個帳戶,還要路由由 Cloudflare 處理的網站請求(進而與您的網站主機「對話」),並在由 Cloudflare 快取時處理您的網站設定雲耀。
另外,您必須確保 WordPress 網站可以與 Cloudflare 通訊;有專用的插件,儘管 W3 Total Cache 也可以處理這個問題。同樣,設定 W3 Total Cache 和 Cloudflare 相當複雜,但可以在線上說明的幫助下完成。
使用 W3 Total Cache 和 Cloudflare 組合,我對結果一直不太滿意,主要是因為谷歌在檢查速度時不太滿意!偶爾嘗試調整,但沒有什麼完全正確的。
在尋找資訊時,我看到了一條關於 Cloudflare 有「快取所有內容」選項的註釋,因此它應該儲存現成的頁面並將其提供給使用者。尋找更多相關信息,似乎默認情況下此選項未打開;雖然我可以在 Cloudflare 上使用一些規則,但也可以透過 WordPress 外掛來設定:
Cloudflare 的超級頁面緩存
這個外掛似乎會在 Cloudflare 上設定“快取所有內容”,但也許規則意味著它不會為不需要此功能的頁面(例如 Woocommerce 結帳等)設定。非常便利!
說明表明,要與W3 Total Cache結合使用,只需停止W3 Total Cache的頁快取選項即可。我這樣做了,使用其“開箱即用”設置為 Cloudflare 啟用了超級頁面緩存,結果似乎不錯。有一些波動,但趨於良好,只有很少的 Google Site Kit 報告“差”。
更新:我在 Site Kit/Google 頁面速度分析中看到了一些較差的結果。找出原因,發現建議使用 W3 Total Cache,甚至使用 Cloudflare 的超級頁面快取 – 意味著即使 Cloudflare 沒有準備好頁面,也可以從伺服器存取快取的頁面。我已經這樣設定了我的頁面載入速度確實很快;但在谷歌上的得分仍然不佳;不知道為什麼。
圖片:延遲載入和轉換為 WebP
延遲載入圖片似乎也相當基本;因此,隨著時間的推移,圖像會級聯到頁面上,而不是一次性請求並載入到瀏覽器中。有很多選擇可以做到這一點;我使用 EWWW Image Optimizer,部分原因是它還可以對上傳的圖像進行一些優化,例如透過轉換為更新的 WebP 格式來減少檔案大小並適用於 Chrome 等瀏覽器。 [奇怪的是,Site Kit 可以報告我沒有使用 WebP 圖像…]
這仍然還有很多事情可以做,根據上面的鏈接,有 25 種修復 WordPress 網站速度慢的方法。
資產清理-剝離一些不必要的東西
Asset CleanUp 外掛程式可以停止各種內容 - css、javascript 等 - 在不需要它們的頁面上載入。使用免費版本,管理一些簡單的事情,例如停止在非論壇帖子和頁面上加載 bbpress js 程式碼。