如何加快 WooCommerce 商店的速度以提高投資回報率

已發表: 2022-11-18

您是否想知道為什麼您的在線商店沒有獲得您計劃的預期流量? – 頁面加載時間延遲可能是一個很好的理由。 本指南向您展示如何手動或使用簡單的工具加速您的 WooCommerce 商店

在這個即時滿足的時代,我們都希望獲得快速服務。 這意味著網站加載速度越快,訪問者購買的可能性就越大。 事實上,47% 的客戶希望網站在兩秒或更短時間內加載。 如果加載時間超過 3 秒,40% 的人會離開頁面。

領先品牌沃爾瑪的加載時間每改善 1 秒,轉化率就會提高 2%。 每 100 毫秒的改進也會使收入增加 1%。

幸運的是,使用 WordPress,您可以輕鬆提高商店性能,從而保證最大的頁面瀏覽量和流暢的客戶體驗。 下面,我們討論了一些可操作的技巧,您可以遵循這些技巧來立即提高 WooCommerce 網站的速度。 無需成為技術人員或具有高級編程知識。 對於初學者到高級 WordPress 用戶,我們保持簡單而有效。

在深入之前,讓我們先從事實開始——

通過更快的 WooCommerce 商店增強您的商業聲譽

如何加快 woocommerce 商店

更快的頁面速度可確保更好的用戶體驗。 反過來,這會增加轉化率,從而進一步產生更多的銷售和收入。 它始終使您比網站加載緩慢的競爭對手領先一步。

消費者將加載緩慢 (64%) 和難以找到產品 (55%) 列為網上購物的兩大煩惱。

品牌完美——零售調查

由於您的 WooCommerce 網站的性能直接影響銷售。 客戶對加載緩慢的網站沒有耐心。 他們會立即轉向更好的選擇。 根據一項研究,80% 經歷過網站性能緩慢的用戶再也不會回到同一個地方。

在另一項研究中,52% 的在線購物者表示快速頁面加載對他們的網站忠誠度很重要。 這意味著頁面加載時間對您的品牌聲譽也很重要。 除此之外,谷歌將您網站的速度視為 SERP(搜索引擎結果頁面)中排名最高的因素之一。

例如,電子商務零售商亞馬遜估計,網頁加載延遲一秒每年可能造成超過 16 億美元的收入損失。 另一方面,互聯網瀏覽器公司 Mozilla 將其網頁加載時間優化了 2.2 秒。 然後在一年內增加了 6000 萬次瀏覽器下載。

總而言之,如果您想為您的在線商店獲得更多客戶、更高轉化率和巨大利潤,您必須讓您的 WooCommerce 網站快速運行!

相關資源:緩慢網站的 5 種負面影響以及如何使其更快。

加速 WooCommerce 商店的 11 種強大方法

了解頁面速度的重要性,現在是時候優化您的 WooCommerce 網站了。 在這裡,我們描述了 11 種可幫助您加快在線商店速度的有效方法。

  1. 獲得高質量的 WooCommerce 託管服務提供商
  2. 增加 WordPress 內存限制
  3. 優化主要的 WooCommerce 設置
  4. 獲得更快的 WooCommerce 主題
  5. 保持你的 PHP 版本更新
  6. 優化 WooCommerce 網站圖像
  7. 優化您的網站代碼
  8. 使用 WordPress 緩存插件
  9. 使用內容分發網絡 (CDN)
  10. 在 WooCommerce 中禁用 AJAX 購物車片段
  11. 識別和解決數據庫問題

1. 獲得支持 HTTP/2 的高質量 WooCommerce 託管服務提供商

WooCommerce 託管服務提供商

快速可靠的 WordPress 託管在網站性能方面具有重要作用。 它可以提高您的網站速度並創造順暢的客戶旅程。 或者,低質量的託管會降低您的網站速度。 嘗試為您的 WooCommecre 商店選擇一個託管解決方案,以提供最長的正常運行時間而不會出現任何中斷。

不斷增加的流量基礎和產品頁面最終會使您的網站變得沉重。 另一方面,在線商店一年中有幾次流量高峰。 例如特殊活動、交易、折扣等。 您的託管服務提供商必須能夠在不影響網站加載時間的情況下應對這種增長。

有多種類型的電子商務託管服務可供您使用。 您可以根據您的預算、網站利基和目標與您的託管服務提供商保持一致。 這些是最受歡迎的託管選項:

woocommerce 虛擬主機提供商類型

本指南可幫助您為您的企業選擇最佳託管服務 - 15 個適用於 WordPress 和 WooCommerce 網站的可靠託管託管。

此外,您應該考慮在 HTTP 1.1 之上改進 HTTP/2 或 HTTP/3 協議。 它為您提供了速度、效率和安全性方面的擴展設施。 如果您的託管服務提供商不支持 HTTP/2,那麼該切換了。

閱讀更多:獲得最好的 WooCommerce 託管服務,讓您的網站性能保持穩定。

2.增加WordPress內存限制

對於 PHP,WordPress 默認內存設置為 32MB。 如果它遇到任何問題,它會自動將此限制升級到 40 MB(對於單個站點)或 64 MB(對於多站點)。

但此內存限制不足以運行 WooCommerce 站點。 您的商店有時可能會超出限制,並在儀表板上收到致命錯誤消息。 例如-

“允許的 xxxxxx 字節的內存大小已用完”

我們建議您將限制增加到 256MB。 有兩種可能的選項來調整此內存限制。 您可以自行更改或聯繫您的託管服務提供商。 您可以按照以下步驟配置限制 -

編輯你的 wp-config.php 文件:

  • 轉到 wp-config.php,默認情況下它位於 WordPress 根文件夾中。
  • 找到文件末尾的行: /* 就是這樣,停止編輯! 快樂的博客。 */
  • 在該行之後,添加以下行:define('WP_MEMORY_LIMIT', '256M')。
  • 保存您的更改。
wp-內存限制

修改您的 PHP.ini 文件:

  • 如果您有權訪問 PHP.ini 文件,請更改允許的最大內存限制
  • 例如,如果該行顯示64M,則將其更改為256M
    memory_limit = 256M; 腳本可能消耗的最大內存量 (64MB)

編輯您的 .htaccess 文件:

  • 如果您無權訪問 PHP.ini,請訪問 .htaccess 文件並將以下代碼粘貼到其中:
    php_value 內存限制 256M

這種技術對於優化 WooCommerce 在線商店的速度非常有效。 不要忘記在編輯之前備份任何文件。 因此,如果出現任何問題,您可以用原始副本替換編輯後的文件。

閱讀:電子商務企業為何失敗以及如何解決這些問題。

3. 優化主要 WooCommerce 設置

WooCommerce 帶有廣泛的自定義選項。 考慮到您的個人需求,您需要進行一些主要更改以保持站點性能平穩。

首先,修改您的登錄頁面 URL。 通常,每個 WordPress 站點的登錄 URL 都類似於domain.com/wp-admin 。 雖然很容易記住,但也會出現問題。 對於機器人和黑客來說,這個鏈接也很容易預測。

為了保護您的網站免受不法分子的暴力攻擊,請將您的登錄 URL 設置為唯一。 因此,您還可以避免 429 請求過多等 HTTP 錯誤。

此外,WooCommerce 允許您設置博客提要中顯示的帖子數量。 默認情況下,WordPress 保持每頁 10 個帖子,但您可以選擇一個下限。

從 woocommerce 設置中設置帖子限制

另外,在您的網站上禁用 pingbacks。 它們通常會生成毫無價值的垃圾郵件,可能會降低您的網站速度。

4. 獲得更快的 WooCommerce 主題

使用優化的 woocommerce 主題讓您的網站性能更快

在所有其他因素中,WooCommerce 主題對您的網站性能有重大影響。 編碼不當的主題可能會降低您網站的速度。 在為您的 WooCommerce 網站選擇主題時,請特別注意速度優化。

通常最好使用簡單的主題。 當然,選擇與您商店的功能相匹配並為您的受眾提供有吸引力的外觀的主題也很重要。 您會發現數以千計具有現代圖形設計和超酷效果的現成模板。 但花哨的風格和爵士效果往往是以犧牲性能為代價的。 這就是為什麼要盡量避免主題被複雜的佈局、華麗的動畫和其他不必要的功能淹沒。 您可以使用優質的 WordPress 插件輕鬆添加這些功能。

有許多 WordPress 主題市場提供編碼良好且速度優化的精美主題。 如 ThemeForest、Themify、StudioPress、CSSIgniter 等。 在完成任何主題之前,不要忘記檢查演示速度。 像 Pingdom 這樣的工具會讓你了解它的編碼有多好。

在這裡,您會找到適用於您的在線商店的最佳響應 WooCommerce 主題的完整列表。

5. 保持你的 PHP 版本更新

WordPress 是用 PHP 語言編寫的。 與其他語言一樣,它也在每次更新中提供持續改進。 使用最新版本的 PHP,您可以享受更高的安全性和更快的代碼執行以及其他進步。 所有這些因素對於保持您的 WooCommerce 商店順利運行都很重要。

以下是使用最新 PHP 版本的 2 個主要好處:

  • 每個新版本的 PHP 都會極大地提升您的 WooCommerce 網站。 它應該可以將您的網站加載時間加快 3-4 倍。
  • 最新的 PHP 版本註冊了所有新的安全功能和漏洞補丁。 因此,使用舊版本的 PHP 可能會使您的網站面臨風險。

轉到 WooCommerce 的狀態部分。 現在,檢查您網站上當前使用的 PHP 版本:

php-版本檢查

接下來升級到您的託管帳戶中的最新 PHP 版本(發布新更新後)。

確保您的主機支持最新版本的 PHP。 您不知道最新版本會更改多少內容。 例如,PHP 7 使網站的執行速度比 PHP 5.6 快 2 倍,內存消耗減少 50%。

訂閱 weDevs 博客

我們發送每週時事通訊,肯定沒有垃圾郵件

6. 優化 WooCommerce 網站圖片

網站上的彈出窗口
網站上的彈出窗口

圖片是 WooCommrce 網站的核心元素。 在線商店中包含數以千計的圖像來描述產品詳細信息。 如果您在不優化的情況下使用這些照片,可能會影響您的網站速度。 不幸的是,大量網站所有者犯了這個錯誤。 結果,他們開始失去客戶,這也影響了他們的收入。

根據 HTTP Archive 的 State of the Images 報告,通過延遲加載隱藏和屏幕外的圖像,每頁可能節省 545 KB。 通過將 JPEG 壓縮級別設置為 85 或更低,您可以進一步節省每頁 40.3 KB 的空間。 該數據直接來自谷歌的移動網站速度測試工具 Lighthouse。

以下是優化 WooCommerce 商店圖像的 5 條基本規則:

  • 為您的圖像選擇正確的格式(JPEG、PNG、SVG、WebP)
  • 使用正確的工具有效地壓縮圖像大小
  • 使用適合各種設備的響應式圖像
  • 延遲加載屏幕外和隱藏圖像
  • 將圖像傳輸卸載到快速 CDN。

您可以先壓縮圖像,然後再將它們上傳到您的在線商店。 這些是一些頂級的在線圖像壓縮工具:

  • 壓縮機.io
  • Squoosh.app
  • 收縮我.app
  • 海妖.io
  • 想像.io
  • 小PNG

或者您可以在 WooCommerce 商店中安裝圖像壓縮和優化插件。 它們會自動減小您的圖像尺寸,而不會影響圖像質量。 如 WP Smushit、Imagify、ShortPixel 等。

7.優化您的網站代碼

當您在 WordPress 網站上安裝任何主題或插件時,它會在您的所有頁面上加載腳本和样式表。 即使您沒有在您的網站上使用它們,您也必須處理這些資源。 這些文件會降低您網站的速度。

例如,無需在商店主頁上加載與支付網關相關的腳本。 僅在結帳和訂單確認頁面上限制此類腳本加載。 幸運的是,您可以從網站速度測試報告中找到您應該刪除的資產。 瀑布圖顯示了應該限制的不必要的資產。

GTMetrix-瀑布圖

從站點中剝離這些未使用的資產將加快您的頁面加載時間。 您可以採取一些措施,有選擇地禁用不需要加載的頁面中的插件和腳本。 這些操作包括 GZip 壓縮、縮小和串聯。 GZip 壓縮是一種優化方法,可最大限度地減少 Web 文件以加快網絡傳輸速度。 但是,您可以在壓縮這些文件之前縮小並連接這些文件。 您可以使用一些工具來達到這個目的——Autoptimize、Hummingbird 等。

您可以在不使用這些功能的地方禁用它們:

  • 不使用滑塊的頁面上的滑塊插件
  • 不需要豐富網頁摘要的頁面上的豐富網頁摘要插件
  • WooCommerce 腳本和样式沒有電子商務功能
  • 不包含 aff 鏈接的頁面上的附屬鏈接管理插件
  • 不使用聯繫表單的頁面上的聯繫表單插件
  • 所有頁面上的社交分享插件(因為它通常用於博客文章)
  • 頁面構建器中未使用的功能。

8. 使用 WordPress 緩存插件

市場上有幾個免費的緩存插件。 您可以使用它們從您的 WordPress 站點中刪除所有不必要的數據,例如緩存腳本和样式,並縮小 HTML。 我們的首要建議包括:

  • WP超級緩存
  • LiteSpeed緩存
  • WP 最快的緩存
  • WP-Optimize – 清理、壓縮、緩存
  • W3 總緩存

在您的網站上一一測試並監控哪一個更適合您的在線商店。 閱讀有關頂級 WordPress 緩存插件比較的詳細指南,以便為您的在線商店找到合適的插件。

9.使用內容分發網絡(CDN)

內容分發網絡 (CDN) 是一種分佈式服務器框架,可將緩存的靜態內容從服務器提供給 Web 用戶。 此分發過程取決於用戶的地理位置、網頁來源和內容分發服務器。

使用內容交付網絡來加速您的 WooCommerce 商店

假設客戶從已加載您網站的服務器附近的位置訪問您的 WooCommerce 商店。 瀏覽器可以快速從服務器獲取內容。 但是當客戶的位置和服務器彼此相距很遠時就會出現問題。 然後內容必須經過很長的根,這可能會導致頁面加載緩慢。 在這種情況下,CDN 服務可以解決地理距離問題。 它特別適用於具有國際影響力的 WooCommerce 商店。

CDN 結構從更靠近每個最終用戶的“邊緣服務器”發送內容。 這主要取決於他們在世界各地的位置。 流行的 CDN 選項是 Cloudflare、MaxCDN、Sucuri、StackPath、Cloudways CDN、KeyCDN 等。

11. 在 WooCommerce 中禁用 AJAX 購物車片段

通過禁用 AJAX 購物車片段來加速您的 WooCommerce 商店

AJAX 購物車片段是 WooCommerce 中的默認功能。 它是一個使用 admin-ajax 的腳本,可以在不刷新頁面的情況下自動更新購物車。 此功能可快速概覽客戶已添加到其在線購物車中的產品。

儘管具有這種功效,但大量的 AJAX 請求會降低您網站的速度性能。 它還可能會中斷甚至不需要購物車詳細信息的頁面上的緩存。 例如,主頁、博客文章或聯繫頁面通常不包含任何電子商務功能。 此類頁面上的購物車碎片會降低可捕獲性。 這也會逐漸降低服務器性能。

如果您在 WooCommerce 網站上收到大量 AJAX 請求,請禁用 AJAX 購物車片段。 它可能有助於提高您網站的穩定性和速度。

一個簡單的解決方案是使用 Disable Cart Fragments 插件。 它會自動禁用您的 WooCommerce 商店中的 AJAX 購物車片段功能。 或者,您可以從 WooCommerce 設置選項自定義功能。 首先,關閉“在存檔上啟用 AJAX 添加到購物車按鈕”。 然後選中“重定向到購物車”選項。 讓購物者可以驗證他們的信息是很重要的。

為您的 WooCommerce 網站啟用 AJAX

12. 識別和解決數據庫問題

站點數據庫系統組織和存儲您的 WooCommerce 商店的所有數據。 如果您保持數據庫清潔和優化,它可以最大限度地減少頁面加載時間。 請記住,即使是一兩秒鐘也會在跳出和轉化之間產生巨大的差異。

對於 WooCommerce 網站,數據可以分為兩部分:

站點內容:它是創建動態 HTML 頁面(如博客頁面、產品頁面和類別頁面)的數據。

交易數據:這是來自用戶操作的數據。 它通常包括客戶的訂單詳細信息和庫存更新。

如何加快 woocommerce

隨著時間的推移,您的數據庫會積累許多垃圾評論、帖子修訂的副本、刪除的帖子、垃圾評論、您不再使用的插件的殘餘、主題等等。 當它變得非常大和臃腫時,網站性能將受到影響。 清理您的數據庫將為您的 WooCommerce 商店卸載相當大的空間,以便更快、更順暢地運行。

您可以使用 WordPress 插件來清理您的數據庫。 例如 -

  • WP-優化
  • 可濕性火箭
  • WP 清理優化器
  • 高級數據庫清理器
  • 清理助推器

什麼是電子商務的良好網站速度?

根據 Akamai 的研究,47% 的網站用戶希望網頁在兩秒內加載完畢。 移動和桌面用戶都希望有一個更快的在線購物網站。 但是美國各個行業的平均加載時間不滿足這個基準。 快速瀏覽一下 Google 的這項研究:

平均速度指數

如您所見,平均網站速度明顯高於最佳實踐線。 這並不意味著您應該將 WooCommerce 網站的加載時間定為 5-6 秒。 也許一秒鐘的延遲會對您吸引訪客和進行銷售的能力產生巨大影響。 因此,請盡可能快地創建您的電子商務網站。

如何測試您的 WooCommerce 商店的性能?

測試您的 woocommerce 商店性能

初學者常常認為他們的網站還可以! 只是因為它在他們的計算機上加載速度更快。 但這是一個巨大的錯誤。

由於您經常通過個人設備訪問您的網站。 因此,像 Chrome 這樣的現代瀏覽器會將您的網站存儲在緩存中。 稍後當您開始輸入您的網站地址時,它會自動預取存儲的數據並幾乎立即加載您的網站。 但是第一次瀏覽您網站的普通用戶可能不會有同樣的體驗。 事實上,來自不同地理位置的人的加載時間可能不同。

這就是為什麼衡量 WooCommerce 商店的速度很重要。 您可以使用以下網站速度測試工具之一:WebPagetest、Pingdom、Google PageSpeed Insights 或 GTMetrix。

請記住,獲得高速分數並不總是足以提升您的用戶體驗。 速度測試工具只能為您提供一些可能改進的想法。 但為了獲得可持續的結果,最好遵循我們上面提到的技術。

道坎

如何加速 WooCommerce 現在由您決定

總結所有這些要點,網站速度對任何企業都至關重要! 擁有最佳設計的網站和高質量的產品對於現代客戶來說是不夠的。 他們希望在線購物過程中的導航速度更快、更流暢。

更快的網站意味著更好的用戶體驗。 如果您的網站加載速度很快,它會立即給人留下深刻的第一印象。 它傳達的信息是您關心客戶並且認真對待您的業務。 客戶還認為快速網站是專業和可靠的。

幸運的是,對於 WordPress 網站所有者來說,優化網站速度要容易得多。 但請記住,創建快速網站是一個持續的過程。 您必須定期監控、測試、調整和更新您的 WooCommerce 商店,以保持您的網頁速度高。

您採用了哪些策略來加速 WooCommerce 網站? 使用下面的評論部分與我們分享您的經驗!

訂閱 weDevs 時事通訊