加快WooCommerce商店速度的17種強大方法

速度對電子商務網站非常重要。 您的網站載入速度越快,購物體驗就越好。 更好的用戶體驗意味著改進的 SEO、更高的投資回報率和更快樂的客戶。 這最終會帶來更大的收入和利潤。

如今,購物者期望高解析度的圖像和視頻、即時聊天、使用者評論、實時庫存、個人化和許多其他動態工具。

WooCommerce是世界上最受歡迎的電子商務平臺,可根據您的要求免費使用和調整。

WooCommerce引領電子商務包
WooCommerce引領電子商務包(圖片來源:BuiltWith)

WooCommerce迄今為止,下載量已超過88萬次。 截至目前,它正在使用超過5萬個網站.

WooCommerce外掛程式下載和使用統計
WooCommerce外掛程式下載和使用統計

與其他熱門購物平臺不同,如果您使用它,則不必向WooCommerce支付一定比例的收入。 不過,運行WooCommerce驅動的商店會產生一些間接費用。

但有一個問題! 由於WooCommerce是免費的,支援有限,因此您有責任將其保持在最佳狀態。 好消息是,有辦法很容易做到這點

為什麼速度對在線商店很重要

第一印象很重要,速度是使用者首先注意到您的網站。 在谷歌的一項研究中,如果載入時間超過 3 秒。 53% 的行動使用者離開網站

谷歌在美國的平均網站速度指數
3秒是最佳做法(圖片來源:Think with Google)

2秒是電子商務網站可接受性的門檻。 在谷歌,我們的目標是半秒以下。
Maile Ohye,谷歌技術主管

在另一項全球研究中,80%的使用者表示他們發現載入緩慢的網站比暫時關閉的網站更令人沮喪.同一項研究還發現,如果網站載入速度太慢,73% 的使用者會切換到競爭對手的網站。

即使是頁面回應時間延遲 100 毫秒也會損害用戶體驗和在線收入。 根據 Akamai,100 毫秒延遲會影響 7% 的轉化率,而 2 秒延遲會使跳出率提高 103%。

如果您的網站每天產生 1000 美元的收入,則頁面載入時間延遲 100 毫秒可能會使您每年損失 25 550 美元的銷售額。

業務越大,跌幅越大。 例如,亞馬遜預計每年收入損失 1 億美元如果它的頁面載入時間只減慢了一秒鐘。

谷歌的頁面載入時間與跳出率圖表
頁面載入時間至關重要(圖片來源:Think with Google)

上述數據表明,如果您的網站載入時間需要 6 秒或更長時間,那麼您失去的用戶數量是您的網站在不到 3 秒內載入時的兩倍。

除了用戶體驗,您的網站的速度也會影響搜尋引擎優化.網站速度和性能在谷歌的網站排名演算法中起著主要作用。

谷歌已轉向移動優先索引超過50%的頁面顯示在他們的搜尋結果中。 儘管如此,來自 HTTPArchive.org 的數據建議運行移動網站的平均載入時間WordPress去年情況惡化。

來自 HTTPArchive.org 的WordPress網站性能統計資訊
頂級WordPress網站的表現如何(圖片來源:HTTPArchive.org)

在流量高峰時段如網路星期一和黑色星期五,保持您的網站盡可能快地運行更為重要。 隨著優惠的爆發,確保購物者不會放棄您的網站對於完成銷售至關重要。

鑒於這些統計數據,加快您的WooCommerce商店可以使您在競爭中具有顯著優勢。

測試WooCommerce商店的速度

你無法測試的,你無法改進!

既然您已經了解了為什麼速度對您的WooCommerce商店很重要,那麼是時候學習如何測試它了。

平多姆工具示例速度測試報告
網站速度測試報告(圖片來源:Pingdom)

我們建議您開始使用以下網站速度測試工具: WebPageTestPingdom. ,Google PageSpeed InsightsGTmetrix.

您也可以使用免費的WordPress外掛程式Query Monitor查明性能不佳的主題、外掛程式和功能。 它可以説明您調試低效的資料庫查詢、臃腫的函數、PHP 錯誤、HTTP API 調用等。

沒有速度測試工具是完美的,但選擇一個並堅持下去。 您可以稍後再選擇其他選項。

谷歌網站管理員趨勢分析師Gary Illyes的推文
Gary Illyes,谷歌網站站長趨勢分析師

兩者之間有區別實際性能和感知性能.用戶體驗比為網站提供動力的技術魔法更重要。

因此,請使用下面提到的技術來增強您網站的整體用戶體驗,而不僅僅是獲得高速分數.

如何加速WooCommerce的速度

速度測試報告將為您提供一個可行的計劃,以優化您緩慢的WooCommerce網站。 興奮? 讓我們開始吧!

1. 優化 WooCommerce 設置以提高性能

讓我們從優化的基礎知識開始WooCommerce外掛程式設置。

第一更改您的登錄頁面網址.默認情況下,每個WordPress網站的登錄URL都是 domain.com/wp-admin/。 雖然這很容易記住,但它帶來了一個主要問題:每個人都知道它,包括機器人和駭客。

將您的登錄 URL 更改為獨特的內容將保護您免受來自邪惡行為者的暴力攻擊。 它還將説明您對抗速率限制HTTP錯誤像 429 請求太多.

免費外掛程式,例如WPS隱藏登錄重命名 wp-login.php讓這項任務變得超級簡單。

如果您的電子商務網站也託管博客,則可以限制博客提要上的帖子數量。 WordPress 預設將此限制設置為 10 個帖子,但您可以設置較低的限制。

雖然這看起來微不足道,但如果您運行一個高流量博客,性能節省就會增加(這是如何為您的網站增加流量).您可以在WordPress儀錶板→“設置”→“閱讀”下找到此選項。

用於限制帖子修訂次數的 WordPress 設置
限制博客動態中的帖子數量

接下來,在您的網站上禁用 pingbacks。 它們通常會生成毫無價值的垃圾郵件。 您的網站生成的查詢越少越好。

優化WordPress討論設置
優化討論設置

如果你有很多用戶評論在您的帖子或頁面上,WordPress還為您提供了將它們分解為較小塊的選項。 相同的設置也適用於分解評論在您的產品頁面上。

將此數位保持在 10 到 20 之間以優化您的產品頁面載入時間。

您可以在WooCommerce→設置下禁用產品評論,如果您不喜歡將它們放在商店中。 這將有助於加快您的網站速度,因為它消除了載入一些腳本和小部件。

在WooCommerce設置中禁用產品評論
如果你不需要的話,禁用產品評論

最後,從你的網站上刪除任何不必要的/過期的主題和外掛程式。 你安裝的主題和外掛程式越少,維護它們和排除性能問題就越容易。

2.獲得一個快速的WooCommerce主題

使用正確的WooCommerce主題很重要。 外面有成百上千的主題,所以決定一個最適合你的主題總是一個挑戰。

Featured themes on WordPress.org
WordPress.org 上的特色主題

一個漂亮的主題加上驚人的內置功能,在紙面上聽起來很不錯,但在實際使用中可能會翻車。 對於一個電子商務網站,你需要確保它與WooCommerce完全相容。

Using filters to search smartly for themes on wp.org
缩小你的电子商务主题搜索范围

WP Rocket测试了一堆流行的WooCommerce主题的速度,得出的结果如下。

WooCommerce themes size and requests report by WP Rocket
选择一个快速的WooCommerce主题(图片来源:WP Rocket)。

当与Elementor或Beaver Builder等页面构建器搭配时,它们可以帮助你创建几乎任何网站。

Opt for a fast WooCommerce theme (Image source: WP Rocket)
Storefront is WooCommerce’s official theme

Storefront是WooCommerce提供的免费主题,而Shoptimizer、Divi和WoondrShop是高级主题。由于这些主题是为运行电子商务网站而建立的,因此不需要安装第三方插件来获得你想要的所有功能。

如果你的预算不足,完全可以从免费主题开始,以后再升级到高级解决方案。

我们建议抛开页面生成器以减少臃肿。相反,要选择一个支持WordPress的块状编辑器Gutenberg的主题。

要决定一个主题,我们建议你列出你的网店需要的所有功能。然后选择一个涵盖大部分功能要求的主题。这将帮助你减少对臃肿的多用途主题和第三方插件的依赖。

这给我们带来了下一个建议。

3.轻松使用插件和WooCommerce扩展程序

WordPress在其资源库中有54,000多个免费插件。甚至还有更多的高级插件可以在其它网站找到。因此,很容易被冲昏头脑,安装几十个。

A screenshot of plugins available on wp.org
幾乎所有的東西都有一個外掛程式

許多流行的外掛程式,特別是與性能和安全有關的外掛程式,在某些主機環境下不能很好地工作。

WooCommerce的功能可以通過其廣泛的免費和優質的WooCommerce擴展來擴展。 它們的工作方式與外掛程式相同。

WooCommerce Extensions Store page
WooCommerce擴展增強了你的商店的功能

與人們的看法相反,你安裝的外掛程式數量並不總是導致性能問題。 但是,只有在外掛程式是以最佳的編碼方式建立的情況下,這才是真的。

當你安裝的每一個外掛程式太多,審查它們的品質就會變得很麻煩。 而這是考慮到你有技能和專業知識來徹底審查它們。

有幾個外掛程式甚至與其他外掛程式產生衝突。 當你的網站上有幾十個外掛程式時,發生外掛程式衝突的概率就會成倍增加。

因此,對你安裝的外掛程式和WooCommerce擴展的類型要明智。

4.增加WordPress的記憶體限制

WordPress預設為PHP分配32MB的記憶體。 如果它遇到任何困難,它會自動嘗試將這個限制增加到40MB(對於單個網站)或64MB(對於多網站)。

在大多數情況下,這個記憶體限制對WooCommerce網站來說是不夠的。 你甚至可能在你的儀錶板上收到一條錯誤資訊,如。

“允許的記憶體大小為XXXXX位元節,已用盡”

建議將這個限制提高到256MB。 在你編輯任何檔之前,一定要做一個備份。 萬一出了問題,你可以用原來的檔替換已編輯的檔。

5.壓縮圖像和優化交付

圖片占任何網站頁面大小的大部分,對於一個電子商務網站來說更是如此。 WooCommerce網站充滿了產品圖片和橫幅。

如果你不對圖片的尺寸和傳輸進行優化,它們會使你的網站陷入困境。

HTTPArchive跟蹤許多流行網頁的大小和數量。 下面是他們在2021年對WordPress網站狀況的一個可視化表示。

The median WordPress page weight in 2020 as per HTTPArchive.org
图片是一种沉重的资源

虽然视频是比图片更重的资源,但它们在大多数情况下是按需加载的。因此,它们不会像图片那样影响感知的页面加载速度。

根据HTTP Archive的图像状态报告,通过懒惰地加载隐藏的和非屏幕的图像,你可以每页节省545KB。

通过将你的JPEG压缩级别设置为85或更低,你可以进一步节省每页40.3KB。这个指标直接来自Lighthouse,即谷歌的移动网站速度测试工具。

遵循这5条规则,为你的WooCommerce商店(以及一般的网络)优化图片。

  1. 为你的图片选择正确的格式(JPEG、PNG、SVG、WebP)。
  2. 使用正确的工具有效地压缩图像。
  3. 使用响应式图像来优化在各种设备上的交付。
  4. 懒惰地加载屏幕外和隐藏的图像
  5. 将图像交给快速的CDN。

WooCommerce 3.3引入了图像大小的改进,如即时缩略图调整、模糊图像修复和背景缩略图调整。所有这些功能都使使用诸如 “重新生成缩略图 “这样的插件来处理与WooCommerce有关的图像成为多余。

Customizing WooCommerce's Product Images through the WordPress Customizer
定制WooCommerce的产品图片(图片来源:WooCommerce)。

如果你从一个新的安装开始,你可以在上传图片到你的网站之前压缩你的图片。这里有一些顶级的在线图像压缩建议。

Compressing images losslessly on Compressor.io
以最小的品質損失壓縮圖像(圖片來源:Compressor.io)。

你的網站上已經有很多圖片了嗎? 那麼你可以使用一個WordPress外掛程式來自動進行圖像優化。 以下是我們經驗中一貫表現最好的外掛程式。

這些外掛程式中的大多數也可以實現圖片的懶惰載入。 WordPress的核心團隊正計劃將懶惰載入圖片作為一個內置的功能。 這將利用標籤的新載入HTML屬性。 這些外掛程式中的大多數也可以實現圖片的懶惰載入。 WordPress的核心團隊正計劃將懶惰載入圖片作為一個內置的功能。 這將利用<img>標籤的新載入HTML屬性。

不過,關於圖像優化的最後一件事。 盡可能避免使用圖像壓縮外掛程式,特別是那些使用你的伺服器資源來壓縮圖像的外掛程式。

相反,使用一種服務,將圖像壓縮任務放到外部伺服器上。 或者更好的是,在將圖片上傳到你的網站之前,調整你的圖片大小並進行壓縮。

6.通過CDN交付靜態資源

內容交付網路(CDN)是一組位於世界各地的戰略性的伺服器。 這些伺服器位置被稱為存在點(PoPs)。

CDN的主要功能是緩存和提供靜態資源,如圖像、JavaScript、CSS等。 更強大的CDN還可以託管和提供動態內容,如音訊和視頻。

即使你的網站運行在地球上最快的伺服器上,它仍然受限於它的地理位置。 WordPress CDN將減少個人使用者和網站資源之間的距離,減少網路延遲和到達第一個字節的時間(TTFB)。

根據請求的來源,它自動分配最近的CDN PoP來提供緩存的資源。 其結果是一個更快的網站和更好的用戶體驗。

例如,如果你的WooCommerce商店託管在美國的伺服器上,一個來自印度的使用者試圖打開你的網站,CDN將從最近的PoP提供網站的資產。 在這裡,它將是來自班加羅爾(印度)。

An infographic showing how CDNs help with serving static content faster
CDN是傳遞靜態內容的完美選擇(圖片來源:Seobility)。

一般來說,PoPs的數量越多,其全球分佈越廣,你的網站對用戶來說就越快。

除了緩存,許多CDN還包括其他提高性能的功能,如卓越的即時圖像壓縮、HTTP/2支援、熱鏈保護和額外的安全性。

為了加快WooCommerce商店的速度,我們建議你獲得一個快速的CDN。 你可以查看一些流行的CDN。

7.剝離未使用的腳本和樣式表

大多數WordPress主題和外掛程式在你網站的所有頁面上載入腳本和樣式表。 即使在頁面上沒有使用這些資產,它們也會載入這些資產。

作為一個例子,Contact Form 7在每個頁面上都載入它的腳本和樣式表。 它的表單可能只在聯繫頁面上使用,但資產卻在所有的頁面上載入。 相當沒有必要!

從頁面中剝離這些未使用的資產將幫助你減少臃腫,加快頁面載入時間。 WooCommerce及其擴展(如Smart Coupons和Follow-Ups)很容易受到這個問題的影響。

例如,沒有必要在你的商店主頁或商店頁面上載入與支付閘道有關的腳本。 你可以限制此類腳本只在結帳和訂單確認頁面上載入。 同樣,在你的結帳頁面上取消滑塊和旋轉木馬的腳本和樣式。

如果你想知道哪些資產需要消除,看看你的網站速度測試報告中的瀑布圖。 它會給你一個關於正在載入的不必要的資產的想法。

An example of GTMetrix's Waterfall Chart
GTMetrix’s Waterfall Chart

Chrome瀏覽器的DevTools下的網路標籤也是一個很好的開始。 它能讓你全面瞭解網頁的載入方式和內容。

The Network tab under Google Chrome's DevTools
使用谷歌瀏覽器DevTools中的網路標籤

剝離那些對頁面運行沒有必要的腳本和樣式。 從優化你的主頁和登陸頁面開始,因為這些是你的大多數使用者的第一個進入點。

你可以使用wp_dequeue_script和wp_dequeue_style函數來刪除你不需要的腳本和樣式。 一個簡單的方法是通過一個叫做Asset CleanUp的外掛程式來實現。 頁面速度助推器。

Clean up your WordPress assets with Asset CleanUp plugin
清理你的WordPress資產

資產清理會掃描所有將被載入到頁面的腳本和樣式表。 你可以禁用那些不在頁面上使用的腳本。 一旦你完成了修改,請測試頁面的設計和功能是否正確。

Unloading the Stripe payment gateway script from loading on a page with Asset CleanUp plugin
用資產清理卸下Stripe支付閘道腳本

該外掛程式的專業版允許你對資產設置async或defer屬性。 應用這個設置可以將JavaScript從頁面的關鍵渲染路徑中移除。 它應該有助於改善你的網站的感知頁面載入時間。

消除不必要的CSS和JS資產的另一個好處是,你的網站將減少HTTP請求。

對於一個免費的替代方案,你可以使用Autoptimize和Async JavaScript外掛程式的組合來獲得相同的結果。 如果你使用Autoptimize外掛程式,這裡有我們關於最佳設置的完整步驟指南。

8.HTTP/2是極其重要的

HTTP 1.1是HTTP協定的第一次重大更新,它早在1997年就已經定稿。 那是在社交媒體、流媒體服務、智慧手機應用程式,甚至是WordPress之前。 從那時起,網路已經成倍地增長。

HTTP/2在HTTP 1.1協議的基礎上進行了改進,並在2015年進入市場,以跟上互聯網日益增長的需求。 它在速度、效率和安全方面帶來了驚人的改進。

HTTP 1.1. versus HTTP/2 major benefits
HTTP 1.1與HTTP/2(圖片來源:Cloudflare)。

HTTP/2的性能提高是由多種原因造成的。

  • 在單一的TCP連接上有更好的複用和並行性。
  • 用Huffman編碼演算法對頭檔進行HPACK壓縮。
  • ALPN擴展用於更快的加密。
  • 主動推送伺服器,而不是等待請求。

所有這些爵士樂相當於一個關鍵的優勢:使網站的載入速度更快,即使它們承載了各種類型的資源。

通常情況下,WooCommerce商店提供大量的資源密集型資產,如圖像、樣式表和腳本。 像這樣的網站將通過切換到HTTP/2大大受益。

你可以使用KeyCDN的HTTP/2測試工具來檢查你的網站是否被配置為HTTP/2工作。 截至目前,每個主要瀏覽器都支援HTTP/2。 你沒有理由不利用其巨大的性能優勢。

此外,HTTP/3就在眼前,它將使網站的載入速度更快。

9.快取WooCommerce以提高其速度

緩存是將一個請求的資源(緩存)暫時儲存起來,以便隨後的請求能夠快速執行。 緩存可以儲存在伺服器上或用戶的設備上。

這是加速你的WooCommerce商店的最簡單的方法之一。 它也是最重要的一個。

An infographic of how web caching works
網路快取如何工作
  1. 用戶通過他們的瀏覽器對一個網站發出請求。
  2. 然後,瀏覽器發出請求,向用戶顯示一個網頁(HTML檔)。 DNS伺服器處理這一請求,從而顯示出託管伺服器的IP。
  3. 返回網頁是由託管在網路伺服器上的應用程式(如WordPress、Joomla等)處理的。 對於靜態網站,可能甚至沒有必要使用應用程式。
  4. 應用程式運行腳本(如PHP、JavaScript等)和(5)查詢資料庫(如MySQL、MongoDB等)以建立一個網頁。 然後,它將網頁返回給瀏覽器,瀏覽器將其渲染並顯示給使用者。

如果一切工作順利,上述所有步驟最多只需幾秒鐘即可執行。

但這只是來自一個使用者的一個請求。 如果同時有來自成千上萬使用者的多個請求呢? 這將給伺服器帶來巨大的負荷,最終導致網站變慢。

這就是緩存發揮作用的地方。 它減少了生成一個頁面所需的工作量,從而減少了WordPress對PHP和資料庫的依賴性。 緩存使WordPress的性能幾乎與靜態網站一樣快。

有2種主要的網路緩存類型,每種都有自己的子集。

伺服器端快取

  • Bytecode Cache (OPCache)
  • Object Cache
  • Page Cache
  • CDN Cache

用戶端快取

緩存不僅可以使網站的載入速度加快,而且還可以減少伺服器的負載

如果你的主機供應商不在伺服器層面上處理緩存,那麼你需要依靠第三方緩存外掛程式來為你做工作。 雖然它們不是一個理想的解決方案,但有總比沒有好。

下面是我們推薦的頂級WordPress緩存外掛程式。

  • WP Rocket (premium)
  • W3 Total Cache (free)
  • Cache Enabler (free)

10.清理你的WooCommerce資料庫

資料庫是你的網站所有數據的一個有組織的集合。 在一個WooCommerce商店中,它包括。

  • 網站內容,如產品頁面、類別、標籤、用戶數據、評論、全站設置、主題、外掛程式等。
  • 交易數據,如訂單詳情、付款、庫存等。

每次使用者訪問你的商店時,他們都在請求你的網站內容,這些內容大多是靜態的,沒有什麼變化。 但當他們下訂單時,他們是在做一個動態請求。

如果你不優化你的商店的資料庫,它可能需要太長時間來處理這些請求。 最終,緩慢的伺服器回應時間會導致一個緩慢的網站。 因此,你必須通過刪除不必要的垃圾來清理和優化資料庫。

這裡有6種加快和微調你的WooCommerce資料庫的方法。

刪除舊的修訂內容

如果你的WooCommerce商店已經開了很久,它的頁面、帖子和產品將充滿了舊的修訂。 現在是時候清理這些了。

最簡單的方法是通過外掛程式,如WP-Sweep或WP Rocket。

Deleting old post revisions with WP Rocket
用WP Rocket删除旧的修订版

如果你对WP-CLI很熟悉,那么你也可以通过SSH连接到你的服务器,并运行一些简单的命令来做同样的事情。下面是你的操作方法。

限制存储的修订数量

你可以通过限制帖子和网页的修订次数来避免出现大量的旧修订。如果你容易经常更新你的网站内容,这将帮助你保持修订不至于失去控制。

设置限制的一个简单方法是在你的wp-config.php文件中添加下面的代码片段。确保将其添加到定义ABSPATH的那一行之前。

define('WP_POST_REVISIONS', 15);

我在上面的代码中把限制设定为15。你可以把它改成你想要的任何数量的修订,但尽量保持在15以下。

另外,你也可以使用一个免费的插件,如WP Revisions Control来做同样的事情。

Using the WP Revisions Control plugin to limit the number of post revisions
Set the number of revisions with WP Revisions Control

完全禁止修订(如果它们是不必要的)。

你可以從你的網站上完全禁用修訂功能。 你所需要做的就是在你的wp-config.php檔中添加以下代碼。 像以前一樣,確保你在定義ABSPATH的那一行上面添加這個片段。

define('WP_POST_REVISIONS', false);

或者你可以使用一個免費的外掛程式,如Disable Post Revision,只需一次點擊就能完成同樣的工作。

在禁用修訂版之前,我們建議你刪除所有仍然存在的舊修訂版。 這樣,你的網站的資料庫將完全沒有修訂。

清理過期的暫存器

暫態數據是用一個自定義的名字和一個過期時間來存儲的緩存數據。 它們通常存儲在WordPress資料庫的wp_options表下。

瞬態與選項類似,只是它們有一個額外的屬性–過期時間。 它們對於存儲臨時數據非常有用,例如來自遠端API的回應或大型查詢。

WordPress的暫存器API定義了如何處理暫存器並自動刪除過期的暫存器。 然而,事情並不總是按計劃進行。

有時,一個損壞的暫態緩存可以創建幾乎一百萬個垃圾條目,而且沒有盡頭。 客戶會話會隨著時間的推移不斷增加,在你的資料庫表中產生成千上萬的不必要的行。 在這種情況下,一個臃腫的資料庫會使你的網站陷入困境。

Delete Expired Transients 外掛程式可以幫你刪除暫態緩存

Delete Expired Transients plugin panel screen
輕鬆地刪除了所有過期的暫存器

清理你的資料庫表

你的WooCommerce資料庫存儲了運行你的電子商務商店所需的一切。 隨著數據被添加、刪除和在資料庫中的表格中移動,它變得低效,並最終存儲了許多對運行你的商店並不重要的東西。

你需要通過清理你的資料庫表來清除這些不必要的數據。 特別是wp_options表,很容易變得臃腫並損害資料庫性能。

The wp_options table in WordPress database under phpMyAdmin
WordPress資料庫中的wp_options表

資料庫管理是保持你的WordPress網站盡可能迅速地運行的關鍵。

手動優化你的資料庫是一個耗時的過程。 你可以使用免費的WP-Optimize外掛程式來檢查哪些資料庫表有不必要的數據並刪除這些浪費的空間。 它還可以找回因數據碎片化而損失的存儲空間。

您可以安排WP-Optimize定期清理和優化您的資料庫。

禁用對資料庫有影響的非關鍵性功能

WooCommerce主題和外掛程式有很多很酷的功能,從一開始看起來很好,但最後卻讓資料庫崩潰了。

其中一個例子是使用 「熱門產品 」和 「相關產品」外掛程式。 這些功能會引起巨大的全站查詢,特別是當你有許多產品時。 如果你需要這些功能,試著將它們手動插入到你的頁面中。 ACF等外掛程式在這方面有很大的説明。

Kinsta's
手動發佈 「相關內容」。

另一個例子是圖像優化外掛程式,它在網站託管的同一伺服器上壓縮圖像,而不是在外部進行壓縮。 這最終會佔用你的伺服器的大量資源。

Social Warfare plugin is known to be taxing on your server

另外,遠離那些在你的網站上增加計數器的外掛程式。 例如,在一個使用者名旁邊添加流覽/發帖/評論的數量。 一個有多個用戶參與的冗長討論將給你的資料庫帶來壓力,以計算這些數位。

這個建議對使用社會計數器也是適用的。 盡量減少對自動生成的計數器的使用,以最大限度地提高資料庫性能。

就像管家一樣,對你的WordPress資料庫進行微調是一個持續的過程。

這裡有幾個資料庫優化外掛程式,讓你的工作更容易。

提醒你。 在編輯你的資料庫或WordPress核心檔之前,一定要做一個備份。

11.優化你的商店以獲得移動優先的體驗

截至2020年1月,世界上有超過40億互聯網使用者。 有幾乎同樣多的移動互聯網使用者。 預計到2024年將增長到50多億。

Total number of Internet users in the world
我們有數十億人 (圖片來源: Statista)

2019年,行動裝置在全球網站流量中超過了台式機,產生了52.6%的總頁面流覽量。 在印度和奈及利亞等一些國家,行動電話占網頁流覽量的70%以上。

Kinsta's mobile versus desktop traffic in Google Analytics
來自谷歌分析的移動流量

根據一項涉及37個國家5億多網購者的研究,智慧手機占網站訪問量的65%,占電子商務訂單的46%。

A bar chart graph of conversion rate by devices
移動購物有巨大的增長潛力(圖片來源:Statista)。

令人驚訝的是,行動電話的轉換率還不到桌上型機的一半。 這裡有驚人的增長空間。

58% smartphone users are more likely to buy from mobile-optimized websites
對於移動購物者來說,速度是非常重要的(圖片來源:Think with Google)。

你可以從使你的WooCommerce商店對移動友好開始。 你可以使用谷歌的移動友好測試工具來檢查你的網站是否通過最低的移動可用性標準。

Google's Mobile Friendly Test tool
谷歌的移動友好測試

該測試將向你展示你的網站在行動裝置上的外觀快照。 它還會列出任何移動可用性問題,如果它發現任何問題。

讓你的WordPress網站對行動裝置友好的最簡單方法是使用一個回應式主題。 本文章前面提到的所有主題都是開箱即回應的,在行動裝置上看起來非常好。

移動購物者不喜歡無休止地滾動。 因此,保持你的商店頁面盡可能的精簡。 不要用太多的內容把它們擠滿。

如果你有大量的產品列在你的商店,讓你的移動購物者更容易通過搜索找到它們。 你可以安裝WooCommerce產品搜索外掛程式,説明你的客戶通過即時產品篩檢程式迅速找到產品。

WooCommerce Product Search plugin screenshot
用過濾器簡化產品搜索(圖片來源:WooCommerce)。

最後,為你的網上購物者簡化結賬體驗。 下訂單的步驟越少,購物體驗就越好。 這裡有幾個WooCommerce擴展,可以説明你做到這一點。

  • WooCommerce Social Login – 消除了耗時的帳戶創建或登錄過程。 讓您的使用者用他們的社交賬戶登錄,如Facebook、Twitter、Google等。
  • Variation Swatches and Photos – 告別惱人的下拉菜單來選擇產品變化。 取而代之的是,為你的使用者提供易於點擊的按鈕,讓他們選擇所有的產品。
  • One Page Checkout – 不要讓你的客戶那麼容易放棄你的網站。 讓他們立即購買他們想要的東西,沒有額外的步驟。 如果你認為客人結帳很適合你的商店,那麼你可以研究一下啟用它。
  • Checkout Field Editor – 從你的結帳頁面添加、刪除或更改欄位。 例如,如果你只賣數字產品,你不需要收集送貨位址。
  • Bolt / Stripe / Amazon Pay / PayPal – 支付是移動購物體驗的禍根。 你可以選擇不同的WooCommerce支付閘道擴展,使其更容易收集付款。 Bolt / Stripe / Amazon Pay / PayPal – 支付是移動購物體驗的禍根。 你可以選擇不同的WooCommerce支付閘道擴展,使其更容易收集付款。 用Bolt輕鬆實現移動結帳
Bolt payment gateway extension for WooCommerce

歸根結底,移動購物不僅僅是進行購買。 許多使用者使用它主要是為了查詢產品資訊和檢查/比較價格。 讓你的網店在用戶的行動裝置上獲得良好的體驗。

12.禁用獲取刷新片段的AJAX請求

當使用者對其購物車進行任何更改時,WooCommerce會使用Get Refreshed Fragments AJAX請求來動態更新購物車內容。 從用戶體驗的角度來看,刷新購物車頁面而不重新載入似乎很好。

但大多數時候,它降低了網站的速度,主要是那些託管在共用伺服器上的網站。 另外,很多網站最終都沒有使用這個功能。

為了驗證,我們在Pingdom工具上測試了一個最新的WooCommerce商店,以下是結果。

Load time chart for WooCommerce's Get Refreshed Fragments Ajax request
對於一個請求來說,等待時間太長了

儘管只有1.1KB大小,wc-ajax=get_refreshed_fragments請求卻需要0.76秒來執行。 如果你的網站需要3秒或更少的時間來載入,那就是超過25%的頁面載入時間。 這個測試網站託管在一個雲VPS上,所以你可以想像在一個更便宜的託管計劃上的載入時間。

你可以使用免費的Disable Cart Fragments或Disable Cart Fragments by Optimocha外掛程式來禁用這種請求。

如果你禁用這個請求,那麼建議在你的WooCommerce → 產品設置面板中啟用 「添加成功後重定向到購物車頁面 」選項。

WooCommerce Product settings panel to enable Redirect to Cart behavior
Remember to enable this setting afterward

啟用這一行為將確保使用者在向購物車添加產品后被重定向到購物車頁面。

優化WooCommerce管理面板

速度不是一個重要的因素,只有你的商店的前臺。 一個快速的後台對於輕鬆管理你的商店並在需要時進行快速修改也同樣重要。

在你的WooCommerce管理面板上高效工作是提高工作效率的關鍵。 它還可以釋放你的時間,為你的WooCommerce商店的成功做更多必要的事情,如在線行銷。

以下是修復WooCommerce儀錶盤緩慢的幾個方法。

前端優化第一,後端優化第二

這個問題是否只發生在WordPress管理儀錶板上,而不是整個網站上? 如果是後者,那就先應用前面列出的所有優化措施。

為什麼? 因為在大多數情況下,使你的WooCommerce商店在前臺的載入速度更快,也會優化後台。 我們可以把這歸結為釋放你伺服器上的資源

如果你的管理儀錶板即使在優化了前端後仍然滯後,那麼繼續以下建議。

13.消除臃腫,定期更新一切

確保經常更新WordPress、WooCommerce、外掛程式、擴展和主題。 如果一個主題或外掛程式不再受到其開發者的支持,那麼是時候考慮拋棄它們了。

同樣地,如果一個主題/外掛程式在你的儀錶盤上增加了不必要的臃腫,就開始尋找更好的替代品。 例如,你可能想考慮替代那些在你的儀錶板上提供激進廣告的外掛程式。

Yoast SEO plugin Big Banner Animated Ad inside the WordPress dashboard
WordPress管理中的橫幅示例

這個問題是如此普遍,以至於有一些外掛程式專門用於去除一些最流行的WordPress外掛程式的臃腫。

14.禁用對象和資料庫緩存

緩存外掛程式是加速你的WordPress網站的一個好方法。 然而,如果配置不當,它們可能會導致意想不到的結果。 這包括減慢你的後台。

例如,W3 Total Cache是WordPress最流行的緩存外掛程式之一。 它是免費的,支援大量的緩存選項,可以進行JS和CSS最小化,與CDN集成,並被100多萬網站使用。

WordPress W3 Total Cache General Settings Panel
W3 Total Cache中的緩存選項

W3 Total 擁有以下功能:

  • 頁面快取。
  • Opcode Cache.
  • 資料庫快取。
  • 物件快取。
  • 瀏覽器快取。
  • 片段快取。

有很多選項是令人困惑的,特別是對那些不瞭解每種類型的緩存的初學者來說。

對象和資料庫快取通過減少資料庫查詢的次數來加快網站的速度,但它們是以將工作載入到伺服器的記憶體中為代價的。

理想情況下,如果你的主機伺服器足夠聰明或強大,這應該不會構成問題。

在W3 Total Cache → 常規設置面板中,禁用物件緩存和/或資料庫緩存。 然後檢查你是否看到你的管理面板的回應速度有任何改善。

W3 Total Cache Disable Database and Object Cache
禁用資料庫和物件緩存

實驗緩存並不像在外掛程式設置中勾選或取消選項那麼簡單。 您還應該檢查一下,在做了修改並沖刷了舊的緩存后,您的網站是否能正常工作。

15.移除資源使用率高的外掛程式

一些WordPress外掛程式在你的網路伺服器上是一個很大的資源佔用者。 它們最終會佔用你伺服器的大部分CPU和記憶體。

你可以使用免費的查詢監控外掛程式來找到麻煩的外掛程式。 它將顯示你的網站正在載入的所有腳本、樣式和HTTP API調用,以及它們的大小和載入時間。 找出那些請求數量最多和載入時間最慢的外掛程式。

在下面的測試網站上,經典編輯器外掛程式在管理方面的載入速度最慢。 其他外掛程式如Loginizer、All-in-One WP Migration和WP Bakery(以前的Visual Composer)也顯示為潛在的臃腫。

Query Monitor plugin dashboard to find the slowest plugins
查詢監控器説明你排除性能問題的故障

我們發現,遷移和經典編輯器外掛程式是不必要的。 拿掉這兩個外掛程式後,管理速度大大提升。

擁有國際受眾的WooCommerce商店使用WPML這樣的翻譯外掛程式來動態地提供多語言的網站。 這是一個偉大的外掛程式,有很多功能,但它也會大大降低你的管理後台的速度。

你可以通過切換到一個精簡的翻譯外掛程式(如Polylang)來獲得一些性能優勢。 它沒有那麼多的功能,但對大多數的使用方式來說是很好的。

有很多正在進行的進程/掃描的外掛程式會拖慢你的WordPress後台。 一些例子包括網站地圖生成器、分析圖和圖表、頁面生成器和聊天外掛程式。

16.為WordPress使用正確的CDN設置

CDN有助於以閃電般的速度向世界各地的使用者提供你的WooCommerce商店。 它通過保存您網站資源的快照,並從最近的伺服器向使用者提供這些資源。

大多數CDN在默認情況下禁用了WordPress後台的緩存。 但是有些CDN不這樣做,這可能會大大減慢你的商店的管理面板。 在這種情況下,你需要將你的管理面板從CDN的緩存中排除,以提高其性能。

如果你使用Cloudflare,你可以設置一個頁面規則來禁用WordPress管理頁面上的Cloudflare功能。 下面是如何做到這一點。

  1. 進入Cloudflare儀錶板下的 「頁面規則」部分。
  2. 在URL欄中添加 example.com/wp-admin/。 在URL欄中添加*example.com/wp-admin/*。
  3. 在設置欄位中,選擇快取級別和旁路選項。
  4. 你還可以添加額外的設置,如禁用性能和禁用安全(不推薦)。 這些設置是可選的。
  5. 然後點擊保存和部署。
Cloudflare Page Rules section for disabling cache on admin panel WordPress
繞過WordPress管理的Cloudflare頁面規則

設置應該需要3分鐘左右才能生效。

如果你使用KeyCDN,那麼你可以使用他們的WordPress Cache Enabler外掛程式來做同樣的事情。 對於其他CDN,請聯繫他們的支持來解決這個問題。

17.精簡WordPress的心跳API

WordPress Heartbeat API通過在你的瀏覽器和你的伺服器之間保持一個定期的連接來實現近乎即時的更新。 該API每15-60秒向伺服器發送一次請求,然後在收到數據時觸發事件(或回調)。

它允許一些驚人的功能,如自動保存帖子,鎖定帖子,以及登錄過期警告。 然而,當你以管理員身份登錄時,每分鐘向伺服器發送幾個請求會使你的管理面板變慢。

WP Rocket的免費Heartbeat Control plugin允許你在儀錶盤、前臺和文章編輯器上管理這些API請求的頻率。 它甚至可以讓你選擇完全禁用API。

WordPress Heartbeat Control plugin panel
修改或停用WordPress Heartbeat API

從增加時間的頻率開始。 如果這還不能解決你的WooCommerce後台的速度問題,考慮禁用心跳API。

分享你的喜愛

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *