對於電子商務網站來說，速度就是金錢。您的網站載入速度越快，購物體驗就越好。更好的使用者體驗轉化為改進的SEO、增加的投資回報率和更快樂的客戶。這最終會帶來更大的收入和利潤。
今天的購物者期待高解析度影象和視訊、實時聊天、使用者評論、實時庫存、個性化以及許多其他動態工具。
網上購物者的注意力很短。因此，如果您沒有正確執行這些功能，他們希望擁有更快、更順暢的購買體驗的所有功能都會減慢您的電子商務網站的速度。
WooCommerce是世界上最受歡迎的電子商務平臺，可根據您的要求免費使用和調整。
WooCommerce引領電子商務（圖片來源：BuiltWith）
迄今為止， WooCommerce的下載量已超過8800 萬次。截至目前，它已在超過500萬個網站上使用。
WooCommerce外掛下載和使用統計
與其他流行的購物平臺不同，如果您使用WooCommerce，則無需支付一定比例的收入。不過，運營一家由WooCommerce提供支援的商店會產生一些間接費用。
但是有一個問題！由於WooCommerce在有限的支援下是免費的，因此您有責任將其保持在最佳狀態。好訊息是，如果您知道自己在做什麼，就很容易照顧它！
想了解如何可靠地加速您的WooCommerce網站嗎？
為什麼速度對線上商店很重要
第一印象很重要，速度是使用者首先會注意到您的網站。在Google的一項研究中，如果載入時間超過3秒， 53%的移動使用者會離開網站。
3秒是最佳實踐（圖片來源：Think with Google）
2秒是電商網站接受度的門檻。在Google，我們的目標是不到半秒。– Maile Ohye，谷歌技術主管
在另一項全球研究中，80%的使用者表示他們發現載入緩慢的網站比暫時關閉的網站更令人沮喪。同一項研究還發現，如果網站載入速度太慢， 73%的使用者會切換到競爭對手的網站。
即使頁面響應時間延遲100毫秒，也會損害使用者體驗和線上收入。根據Akamai的說法，100毫秒的延遲會影響轉化率7%，而2秒的延遲會提高跳出率高達103%。
如果您的網站每天產生1000美元的收入，那麼頁面載入時間延遲100毫秒可能會使您每年損失25,550美元的銷售額。
業務越大，跌幅越大。例如，如果頁面載入時間僅降低一秒，亞馬遜預計每年將損失16億美元的收入。
頁面載入時間至關重要（圖片來源：Think with Google）
上述資料表明，如果您的網站載入時間為6秒或更長時間，那麼您失去的使用者數量是您的網站載入時間少於 3 秒時的兩倍。
除了使用者體驗，您網站的速度也會影響SEO。網站速度和效能在Google的網站排名演算法中起著重要作用。
谷歌已將其搜尋結果中顯示的超過50%的頁面轉向移動優先索引。儘管如此，來自HTTPArchive.org的資料表明，執行WordPress的移動網站的平均載入時間在去年有所惡化。
頂級WordPress網站的表現如何（圖片來源：HTTPArchive.org）
在網路星期一和黑色星期五等流量高峰期，讓您的網站儘可能快地執行更為重要。隨著優惠的爆發，確保購物者不會放棄您的網站對於完成銷售至關重要。
鑑於這些統計資料，加快您的WooCommerce商店可以讓您在競爭中獲得顯著優勢。
衡量WooCommerce商店的速度
你無法衡量的東西，你無法改進！
現在您已經瞭解了為什麼速度對您的WooCommerce商店很重要，是時候學習如何衡量它了。當您嘗試加快WordPress網站速度時，瞭解如何衡量改進至關重要。
網站速度測試是測試WooCommerce商店響應能力的完美工具。但是，如果您沒有正確執行此操作，您的網站在進行更改後可能看起來更慢，而實際上它更快。
一份網站速度測試報告（圖片來源：Pingdom）
我建議您開始使用以下網站速度測試工具之一：WebPagetest、Pingdom、Google PageSpeed Insights或GTMetrix。
您還可以使用免費的WordPress外掛查詢監視器來查明表現不佳的主題、外掛和功能。它可以幫助您除錯低效的資料庫查詢、臃腫的函式、PHP錯誤、HTTP API呼叫等。
沒有速度測試工具是完美的，但選擇一個並堅持下去。您可以稍後再嘗試其他選項。
Gary Illyes，Google網站管理員趨勢分析師
實際表現和感知表現之間存在差異。使用者體驗比網站的技術魅力更重要。
因此，使用下面提到的技術來增強您網站的整體使用者體驗，而不僅僅是獲得高速分數。
如何加快WooCommerce
速度測試報告將為您提供一個可行的計劃來優化您緩慢的WooCommerce網站。
1.優化WooCommerce設定以提高效能
讓我們通過優化WooCommerce外掛設定從基礎開始。
首先，更改您的登入頁面URL。預設情況下，每個WordPress站點的登入URL都是domain.com/wp-admin/。雖然這很容易記住，但它帶來了一個主要問題：每個人也都知道它，包括機器人和黑客。
將您的登入URL更改為獨特的內容將保護您免受來自惡意行為者的暴力攻擊。它還可以幫助您對抗限制速率的HTTP錯誤，例如429 Too Many Requests。
WPS Hide Login和Rename wp-login.php等免費外掛使這項任務變得超級簡單。
如果您的電子商務網站也託管部落格，您可以限制部落格提要上的帖子數量。WordPress預設將此限制設定為10個帖子，但您可以設定下限。
雖然這看起來微不足道，但如果您執行一個高流量的部落格，效能節省就會加起來（這裡是如何為您的網站增加流量）。您可以在WordPress儀表盤 → 設定 → 閱讀下找到此選項。
限制部落格Feed中的文章數量
接下來，禁用您網站上的pingback。它們通常會產生毫無價值的垃圾郵件。您的網站生成的查詢越少越好。
優化討論設定
如果您的帖子或頁面上有很多使用者評論，那麼WordPress還為您提供了將它們分成更小的塊的選項。同樣的設定也適用於分解產品頁面上的評論。
將此數字保持在10到20之間，以優化您的產品頁面載入時間。
如果您不喜歡將產品評論放在您的商店中，您可以在WooCommerce → Setting下禁用產品評論。這將有助於加快您的網站，因為它消除了載入一些指令碼和小部件。
如果您不需要產品評論，請禁用它們
最後，從您的站點中刪除任何不必要/過時的主題和外掛。您安裝的主題和外掛越少，維護它們和解決效能問題就越容易。
2. 獲得一個快速的WooCommerce主題
使用正確的WooCommerce主題很重要。那裡有成千上萬的主題，因此選擇最適合您的主題始終是一個挑戰。
WordPress.org上的特色主題
具有驚人內建功能的漂亮主題在紙上聽起來很棒，但在實際使用中可能會失敗。對於電子商務網站，您需要確保它與WooCommerce完全相容。
過濾您的電子商務主題搜尋
WP Rocket測試了一系列流行的WooCommerce主題的速度，並得出以下結果。
選擇快速的WooCommerce主題（圖片來源：WP Rocket）
Astra、OceanWP和GeneratePress也是非常優秀的主題，正如WordPress加速文章中所建議的那樣。它們是超快速、輕量級的WordPress主題。您將在本教程中找到10多個額外的非常快速的主題。
與Elementor或Beaver Builder等頁面構建器配合使用時，它們可以幫助您建立幾乎任何網站。
Storefront是WooCommerce的官方主題
Storefront是WooCommerce提供的免費主題，而Shoptimizer、Divi和WoondrShop是高階主題。由於這些主題是為執行電子商務網站而構建的，因此無需安裝第三方外掛即可獲得所需的所有功能。
如果您預算不足，最好先從免費主題開始，然後再升級到高階解決方案。
我建議留下頁面構建器以減少臃腫。相反，選擇支援WordPress區塊編輯器Gutenberg的主題。
要確定一個主題，我建議您列出您線上商店中需要的所有功能。然後選擇一個涵蓋您大部分功能要求的主題。這將幫助您減少對臃腫的多功能主題和第三方外掛的依賴。
這給我們帶來了下一個建議。
3. 輕鬆使用外掛和WooCommerce擴充套件
WordPress在其儲存庫中有54,000多個免費外掛。野外還有更多高階外掛。因此，很容易被帶走並安裝數十個。
幾乎可以找到任何你想到的功能外掛
許多流行的外掛，尤其是與效能和安全相關的外掛，在某些託管環境中不能很好地工作。
如果您發現很難決定安裝哪個外掛，請檢視閃電博平日推薦的各種用途的WordPress外掛及我們自主開發的原創外掛。從SEO到影象壓縮，您一定會在其中找到一些寶石。
WooCommerce功能可以通過其廣泛的免費和高階WooCommerce擴充套件來豐富和增強網站功能。它們的工作方式與外掛相同。
WooCommerce擴充套件增強了您商店的功能
與流行的看法相反，您安裝的外掛數量並不總是會導致效能問題。但這僅適用於使用最佳編碼實踐構建的外掛。
當外掛太多時，審查您安裝的每個外掛的質量會變得很麻煩。那是考慮到您擁有徹底審查他們的技能和專業知識。
一些外掛甚至會與其他外掛產生衝突。當您的網站上有數十個外掛時，發生外掛衝突的可能性會呈指數級增長。
因此，請注意您安裝的外掛型別和 WooCommerce 擴充套件。
4.增加WordPress記憶體限制
WordPress預設為PHP分配32MB記憶體。如果遇到任何問題，它會自動嘗試將此限制增加到40MB（對於單個站點）或64MB（對於多站點）。
在大多數情況下，這個記憶體限制對於WooCommerce網站來說是不夠的。您甚至可能會在儀表板上收到錯誤訊息，例如：
“ xxxxxx位元組的允許記憶體大小已用盡”
建議將此限制增加到256MB。在編輯任何檔案之前，請務必對其進行備份。如果出現問題，您可以將編輯後的檔案替換為原始檔案。
5.壓縮影象並優化交付
圖片佔任何網站頁面大小的大部分，對於電子商務網站來說更是如此。WooCommerce網站載入了產品圖片和橫幅。
如果您不針對尺寸和交付優化影象，它們可能會使您的網站龜速爬行。
HTTPArchive跟蹤許多流行網頁的大小和數量。他們在2021年做的WordPress網站狀態調研直觀表示：
影象是一個網站的大頭資源
雖然視訊是比影象更重的資源，但在大多數情況下，它們是按需載入的。因此，它們不會像影象那樣影響感知的頁面載入速度。
根據HTTP Archive的影象狀態報告，您可以通過延遲載入隱藏和螢幕外影象每頁節省545KB。
通過將JPEG壓縮級別設定為85或更低，每頁可以進一步節省40.3KB 。該指標直接來自Google的移動網站速度測試工具Lighthouse 。
請遵循以下5條規則來優化您的WooCommerce商店（以及一般網路）的影象：
WooCommerce 3.3引入了影象大小改進，例如動態縮圖調整大小、模糊影象修復和背景縮圖大小調整。所有這些功能都使得使用外掛（例如為WooCommerce相關影象重新生成縮圖）變得多餘。
自定義WooCommerce的產品圖片（圖片來源：WooCommerce）
如果您從全新安裝開始，您可以在將影象上傳到您的站點之前對其進行壓縮。以下是一些頂級的線上影象壓縮建議：
以最小的質量損失壓縮影象（圖片來源：Compressor.io）
您的網站上是否已經有很多圖片？然後您可以使用WordPress外掛來自動優化影象。以下是在我的經驗中一直表現最好的那些：
這些外掛中的大多數還啟用了影象的延遲載入。WordPress核心團隊正計劃將延遲載入影象新增為內建功能。這將利用<img>標籤的新loading HTML屬性。
不過，關於影象優化的最後一件事。儘量避免使用圖片壓縮外掛，尤其是那些使用伺服器資源壓縮圖片的外掛。
相反，請使用將影象壓縮任務解除安裝到外部伺服器的服務。或者更好的是，在將影象上傳到您的網站之前調整大小並壓縮它們。
對於深入的教程，關於Web和效能的影象優化的文章是一個很好的入門資源。
6. 通過CDN交付靜態資源
內容交付網路 (CDN) 是一組戰略性地分佈在世界各地的伺服器。這些伺服器位置稱為存在點 (PoP)。
CDN的主要功能是快取和交付靜態資源，例如影象、JavaScript、CSS等。更強大的CDN還可以託管和交付動態內容，例如音訊和視訊。
即使您的站點在地球上最快的伺服器上執行，它仍然受到其地理位置的限制。WordPress CDN將縮短個人使用者與站點資源之間的距離，從而減少網路延遲和首位元組時間 (TTFB)。
CDN網路全球分發示意圖
根據請求的來源，它會自動分配最近的CDN PoP來交付快取的資源。結果是更快的網站和更好的使用者體驗。
例如，如果您的WooCommerce商店託管在美國的伺服器上，並且來自印度的使用者試圖開啟您的網站，則CDN將從最近的PoP提供網站資源，它將來自班加羅爾（印度）。
CDN非常適合交付靜態內容（圖片來源：Seobility）
作為一般規則，PoP的數量越多，其全球傳播範圍越廣，您的網站對您的使用者來說就越快。
對於遠離託管伺服器的地理位置的使用者，使用CDN可將站點載入時間減少50%以上。
除了快取之外，許多CDN還包括其他效能增強功能，例如卓越的動態影象壓縮、HTTP/2支援、防盜鏈保護和額外的安全性。
對於更快的WooCommerce商店，我們建議您獲得快速CDN。您可以檢視的一些流行的CDN是：
7.去除未使用的指令碼和樣式表
大多數WordPress主題和外掛會在您網站的所有頁面上載入指令碼和樣式表。即使頁面上沒有使用它們，它們也會載入這些資產。
例如，Contact Form 7在每個頁面上載入其指令碼和樣式表。它的表單只能在聯絡頁面上使用，但資產會載入到所有頁面上。完全沒必要！
從頁面中剝離這些未使用的資產將幫助您減少臃腫並加快頁面載入時間。WooCommerce及其擴充套件（例如Smart Coupons和Follow-Ups）容易受到此問題的影響。
例如，無需在商店的主頁或商店頁面上載入與支付閘道器相關的指令碼。您可以將此類指令碼限制為僅在結帳和訂單確認頁面上載入。同樣，從結帳頁面中刪除滑塊和輪播的指令碼和樣式。
如果您想知道要消除哪些資產，請檢視網站速度測試報告中的瀑布圖。它會讓您瞭解正在載入的不必要的資產。
GTMetrix的瀑布圖
Chrome瀏覽器的DevTools下的Network選項卡也是一個很好的開始。它會讓您全面瞭解網頁載入的方式和內容。
使用Google Chrome DevTools中的網路標籤
去除頁面執行所不需要的指令碼和樣式。首先優化您的主頁和登入頁面，因為這些是大多數使用者的第一個入口點。
您可以使用wp_dequeue_script和wp_dequeue_style函式來刪除不需要的指令碼和樣式。一個簡單的方法是通過一個名為Asset CleanUp: Page Speed Booster的外掛。
清理您的WordPress資產
Asset CleanUp掃描將載入到頁面上的所有指令碼和樣式表。您可以禁用頁面上未使用的那些。完成更改後，測試頁面的正確設計和功能。
使用Asset Cleanup解除安裝Stripe支付閘道器指令碼
該外掛的專業版允許您為資產設定async 或 defer屬性。應用此設定會從頁面的關鍵呈現路徑中刪除JavaScript。它應該有助於改善您網站的感知頁面載入時間。
消除不必要的CSS和JS資產的另一個好處是您的網站會發出更少的HTTP請求。
對於免費的替代方案，您可以結合使用Autoptimize和Async JavaScript外掛來獲得相同的結果。如果您使用Autoptimize外掛，這裡是我們關於最佳設定的完整分步教程。
8. HTTP/2非常重要
如果我們在幾年前寫這篇文章，我們會將此部分命名為“減少HTTP請求的數量”。由於瀏覽器與網站通訊方式的顯著改進（反之亦然），這種優化的需求現在已經過時了。
HTTP 1.1是HTTP協議的第一次重大更新，它於1997年完成。那是在社交媒體、流媒體服務、智慧手機應用程式甚至WordPress之前。從那時起，網路呈指數級增長。
HTTP/2在HTTP 1.1協議的基礎上進行了改進，並於2015年進入以跟上網際網路不斷增長的需求。它在速度、效率和安全性方面帶來了驚人的改進。
HTTP 1.1與HTTP/2（圖片來源：Cloudflare）
HTTP/2的效能提升有多種原因：
- 通過單個TCP連線實現更好的多路複用和並行性。
- 使用Huffman編碼演算法對標頭進行HPACK壓縮。
- 用於更快加密的ALPN擴充套件。
- 主動伺服器推送而不是等待請求。
所有這些爵士樂構成了一個關鍵優勢：使網站載入速度更快，即使它們託管各種型別的資源。
通常，WooCommerce商店提供大量資源密集型資產，例如影象、樣式表和指令碼。切換到HTTP/2將使此類網站受益匪淺。
您可以使用KeyCDN的HTTP/2測試工具來檢查您的站點是否配置為使用HTTP/2。截至目前，所有主流瀏覽器都支援HTTP/2。您沒有理由不利用其巨大的效能優勢。
如果您的託管服務提供商還不支援HTTP/2，那麼可以考慮換一家了。
此外，HTTP/3指日可待，旨在讓網站載入速度更快。
9.快取WooCommerce以加快速度
快取是臨時儲存來自一個請求的資源（快取），以便可以快速執行後續請求。快取既可以儲存在伺服器上，也可以儲存在使用者的裝置上。
這是加速WooCommerce商店的最簡單方法之一。這也是最重要的一個。
Web快取的工作原理
- 使用者通過瀏覽器向網站發出請求。例如，他們在瀏覽器中輸入www.wbolt.com。
- 然後，瀏覽器請求向使用者顯示網頁（HTML文件）。DNS伺服器處理此請求，這會導致顯示託管伺服器的IP。
- 返回網頁由託管在Web伺服器上的應用程式（例如WordPress、Joomla等）處理。對於靜態網站，甚至可能不需要應用程式。
- 應用程式執行指令碼（例如PHP、JavaScript等）並（5）查詢資料庫（例如MySQL、MongoDB等）以構建網頁。然後它將網頁返回給瀏覽器，瀏覽器將其呈現並顯示給使用者。
如果一切順利，上述所有步驟最多需要幾秒鐘才能執行。
但這只是來自單個使用者的一個請求。如果同時有來自數千個使用者的多個請求怎麼辦？這會給伺服器帶來巨大的負載，最終導致網站速度變慢。
這就是快取的用武之地。它減少了生成頁面瀏覽量所需的工作量，從而減少了WordPress對PHP和資料庫的依賴。快取使WordPress的執行速度幾乎與靜態網站一樣快，如果不一樣的話。
有 2 種主要型別的Web快取，每種都有自己的子集：
伺服器端快取
- 位元組碼快取（OPCache）
- 物件快取
- 頁面快取
- CDN快取
客戶端快取
快取不僅使網站載入速度更快，而且還減少了伺服器上的負載。閱讀關於WordPress快取的深入文章深入瞭解這方面的知識。
如果您的託管服務提供商不處理伺服器級別的快取，那麼您需要依賴第三方快取外掛來為您完成這項工作。雖然它們不是理想的解決方案，但總比沒有好。
以下是我推薦的頂級WordPress快取外掛：
- WP Rocket (付費外掛)
- W3 Total Cache (免費外掛)
- Cache Enabler (免費外掛)
有關更多選項，請檢視關於WordPress快取外掛的帖子。
10. 清理你的WooCommerce資料庫
資料庫是您網站所有資料的有組織的集合。在WooCommerce商店中，它包括：
- 站點內容，例如產品頁面、類別、標籤、使用者資料、評論、站點範圍的設定、主題、外掛等。
- 交易資料，例如訂單詳情、付款、庫存等。
每次使用者訪問您的商店時，他們都會請求您的網站內容，這些內容大多是靜態的，不會發生太大變化。但是當他們下訂單時，他們會發出動態請求。
如果您不優化商店的資料庫，處理這些請求可能需要很長時間。最終，緩慢的伺服器響應時間會導致網站執行緩慢。因此，您必須通過刪除不必要的垃圾來清理和優化資料庫。
這裡有6種方法可以加快和微調您的WooCommerce資料庫。
刪除舊版本
如果您的WooCommerce商店已經執行了很長時間，它的頁面、帖子和產品將積累很多歷史版本。是時候清理這些了。
最簡單的方法是通過WP-Sweep或WP Rocket等外掛。
使用WP Rocket刪除歷史版本
如果您對WP-CLI很方便，那麼您還可以通過SSH連線到您的伺服器並執行一些簡單的命令來執行相同的操作。這是你如何做到的。
限制儲存的修訂數量
您可以通過限制帖子和頁面的修訂數量來避免大量舊修訂。如果您傾向於經常更新您的網站內容，這將幫助您防止修訂失控。
設定限制的一種簡單方法是將下面的程式碼片段新增到您的wp-config.php檔案中。確保在定義ABSPATH的行之前新增它。
define('WP_POST_REVISIONS', 15);
我在上面的程式碼中將限制設定為15。您可以將其更改為您想要的任意數量的修訂版，但請儘量將其保持在15以下。
或者，您可以使用免費外掛（例如WP Revisions Control）來做同樣的事情。
使用WP Revisions Control設定修訂數
完全禁用修訂（如果沒有必要）
您可以完全禁用站點的修訂。您需要做的就是將以下程式碼新增到您的wp-config.php檔案中。和以前一樣，確保將此程式碼段新增到定義ABSPATH的行上方。
define('WP_POST_REVISIONS', false);
或者您可以使用免費外掛，例如Disable Post Revision，只需單擊一下即可。
在禁用修訂之前，我建議您刪除所有仍然存在的舊修訂。這樣，您網站的資料庫將完全免於修改。
清理過期的瞬態
瞬態是使用自定義名稱和到期期限儲存的快取資料。它們通常儲存在wp_options表下的WordPress資料庫中。
瞬態類似於Options，除了它們具有到期時間的附加屬性。它們對於儲存臨時資料很有用，例如來自遠端API的響應或大型查詢。
WordPress Transients API定義瞭如何自動處理瞬態和刪除過期的瞬態。然而，事情並不總是按計劃進行。
有時，損壞的瞬態快取可以建立近百萬個垃圾條目，而且看不到盡頭。客戶會話可能會隨著時間的推移而增加，從而在您的資料庫表中建立數千個不必要的行。在這種情況下，臃腫的資料庫會使您的網站癱瘓。
免費的Delete Expired Transients外掛是擺脫所有過期瞬態的簡單方法。
輕鬆刪除所有過期的瞬態
清理你的資料庫表
您的WooCommerce資料庫儲存執行您的電子商務商店所需的一切。隨著資料在資料庫中的表中被新增、刪除和移動，它變得低效並最終儲存了許多對執行商店並不重要的東西。
您需要通過清理資料庫表來清除這些不必要的資料。特別是wp_options表容易變得臃腫並損害資料庫效能。
WordPress資料庫中的wp_options表
資料庫管理是讓您的WordPress網站儘可能快速執行的關鍵。
手動優化資料庫是一個耗時的過程。您可以使用免費的WP-Optimize外掛來檢查哪些資料庫表有不必要的資料並刪除那些浪費的空間。它還可以檢索因資料碎片而丟失的儲存空間。
您可以安排WP-Optimize定期清理和優化您的資料庫。
禁用對資料庫造成負荷的非關鍵功能
WooCommerce主題和外掛帶有許多很酷的功能，這些功能從一開始就看起來很棒，但最終會破壞資料庫。
一個這樣的例子是使用“熱門產品”和“相關產品”外掛。這些功能可能會導致大量的網站範圍內的查詢，尤其是在您擁有許多產品的情況下。如果您需要這些功能，請嘗試將它們手動插入到您的頁面中。諸如高階自定義欄位之類的外掛可以在這裡提供極大的幫助。
手動插入其“相關內容”帖子
另一個例子是影象優化外掛，它在託管站點的同一臺伺服器上壓縮影象，而不是在外部進行。這最終會使用大量伺服器資源。
Social Warfare外掛可以對伺服器資源造成負荷
此外，請遠離向您的網站新增計數器的外掛。例如，在使用者名稱旁邊新增檢視/帖子/評論的數量。與涉及的多個使用者進行長時間的討論將使您的資料庫處理這些數字。
這個建議也適用於使用社交計數器。儘量減少使用自動生成的計數器以最大限度地提高資料庫效能。
像管家一樣，微調您的WordPress資料庫是一個持續的過程。
這裡有一些資料庫優化外掛可以讓您的工作更輕鬆：
提醒：在編輯資料庫或WordPress核心檔案之前，請務必進行備份。
11. 優化您的商店以獲得移動優先體驗
截至2020年1月，全球網際網路使用者超過40億。移動網際網路使用者幾乎一樣多。預計到2024年將增長到5億以上。
數十億網際網路使用者（圖片來源：Statista）
2019年，移動裝置在全球網站流量中超過桌上型電腦，佔總瀏覽量的52.6%。在印度和奈及利亞等一些國家，手機佔網頁瀏覽量的70%以上。
來自Google Analytics的移動流量統計
根據一項涉及37個國家/地區的500多萬線上購物者的研究，智慧手機佔網站訪問量的65%和電子商務訂單的46%。
移動購物具有巨大的增長潛力（圖片來源：Statista）
令人驚訝的是，手機的轉化率還不到桌上型電腦的一半。這裡有驚人的增長空間。
對於移動購物者來說，速度非常重要（圖片來源：Think with Google）
您可以先讓您的WooCommerce商店適合移動裝置。您可以使用Google的移動友好測試工具來檢查您的網站是否通過了最低移動可用性標準。
谷歌的移動友好測試
該測試將向您展示您的網站在移動裝置上的外觀快照。如果發現任何問題，它還會列出任何移動可用性問題。
使您的 WordPress 網站適合移動裝置的最簡單方法是使用響應式主題。本文前面提到的所有主題都是開箱即用的響應式，並且在移動裝置上看起來很棒。
移動購物者不喜歡無休止地滾動。因此，請保持您的商店頁面儘可能精簡。不要用太多的內容過度擁擠它們。
如果您的商店中有大量產品，請讓您的移動購物者更容易通過搜尋找到它們。您可以安裝WooCommerce Product Search外掛，以幫助您的客戶使用實時產品過濾器快速找到產品。
使用篩選器簡化產品搜尋（圖片來源：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輕鬆移動結賬
最終，移動購物不僅僅是購買。許多使用者主要使用它來查詢產品資訊和檢查/比較價格。為您的移動裝置上的使用者提供出色的線上商店體驗。
12.禁用Get Refreshed Fragments AJAX請求
當使用者對其購物車進行任何更改時，WooCommerce使用Get Refreshed Fragments AJAX請求來動態更新購物車內容。從使用者體驗的角度來看，在不重新載入的情況下重新整理購物車頁面似乎很棒。
但大多數時候它會減慢網站的速度，主要是那些託管在共享伺服器上的網站。另外，很多網站最終都沒有使用此功能。
為了驗證，我在Pingdom Tools上測試了一個最新的WooCommerce商店，結果如下：
請求等待時間很長的例子
儘管大小隻有1.1KB，但wc-ajax=get_refreshed_fragments請求需要0.76秒才能執行。如果您的網站載入時間不超過3秒，則超過頁面載入時間的25%。該測試站點託管在雲VPS上，因此您可以想象更便宜的託管計劃的載入時間。
WebNots的這篇文章更詳細地介紹了這個問題。您可以使用免費的Disable Cart Fragments或Disable Cart Fragments by Optimocha外掛來禁用此徵稅請求。
如果您禁用此請求，則建議在您的WooCommerce → Products設定面板中啟用“Redirect to the cart page after successful addition”選項。
啟用重定向至購物車頁面設定
啟用此行為將確保使用者在將產品新增到購物車後被重定向到購物車頁面。
優化WooCommerce管理面板
速度不僅僅是您商店前端的重要因素。一個活潑的後端對於輕鬆管理您的商店並在需要時進行快速更改同樣重要。
在您的WooCommerce管理面板上高效工作是提高生產力的關鍵。它還可以讓您騰出時間為WooCommerce商店的成功做更多重要的事情，例如線上營銷。
以下是修復緩慢的WooCommerce儀表盤的幾種方法。
前端優化第一，後端優化第二
問題是否僅出現在WordPress管理儀表盤而不是整個網站上？如果是後者，則首先應用前面列出的所有優化。
為什麼？因為在大多數情況下，讓您的WooCommerce商店在前端載入更快也會優化後端。我們可以將此歸因於釋放伺服器上的資源。
如果您的管理儀表板在優化前端後仍然滯後，請繼續執行以下建議。
13. 消除臃腫並定期更新所有內容
確保經常更新WordPress、WooCommerce、外掛、擴充套件和主題。如果開發人員不再支援某個主題或外掛，那麼是時候考慮放棄它們了。
同樣，如果主題/外掛給您的儀表板增加了不必要的膨脹，請開始尋找更好的替代方案。例如，您可能需要考慮替代在儀表盤中投放激進廣告的外掛。
WordPress管理中的橫幅廣告示例
這個問題非常普遍，以至於有一些外掛專門用於從一些最流行的WordPress外掛中消除臃腫。
14.禁用物件和資料庫快取
快取外掛是加快WordPress網站速度的好方法。但是，如果配置不正確，它們可能會導致意外結果。這包括減慢您的後端。
例如，W3 Total Cache是 WordPress 最流行的快取外掛之一。它是免費的，支援大量快取選項，進行JS和CSS縮小，與CDN整合，並被超過1萬個網站使用。
W3 Total Cache中的快取選項
W3 Total Cache具有以下快取選項：
- 頁面快取。
- 操作碼快取。
- 資料庫快取。
- 物件快取。
- 瀏覽器快取。
- 片段快取。
有很多選項令人困惑，尤其是對於不瞭解每種快取型別的初學者。
物件和資料庫快取通過減少資料庫查詢的數量來加速網站，但這樣做的代價是將工作解除安裝到伺服器的記憶體中。
理想情況下，如果您的託管伺服器足夠智慧或功能強大，這應該不會造成問題。
不幸的是，並非每個託管服務提供商都是如此。
在這種情況下，您需要依賴第三方快取外掛，例如W3 Total Cache。其簡單的設定使得只需單擊一下即可啟用所有型別的快取變得超級容易。
在W3 Total Cache → General Settings面板中，禁用物件快取和/或資料庫快取。然後檢查您是否發現管理面板的響應能力有任何改進。
禁用資料庫和物件快取
嘗試快取並不像在外掛設定中勾選或取消選擇選項那麼簡單。您還應該在進行更改並重新整理舊快取後檢查您的網站是否正常工作。
15.刪除資源使用率高的外掛
一些WordPress外掛在你的網路伺服器上是一個很好的資源佔用。它們最終會使用您伺服器的大部分CPU和RAM。
您可以使用免費的Query Monitor外掛來查詢麻煩的外掛。它將向您顯示您的網站正在載入的所有指令碼、樣式和HTTP API呼叫，以及它們的大小和載入時間。尋找具有最多請求和最慢載入時間的請求。
在下面的測試站點上，經典編輯器外掛在管理端載入最慢。其他外掛，如Loginizer、All-in-One WP Migration和WP Bakery（以前稱為 Visual Composer）也顯示為潛在的膨脹。
Query Monitor可幫助您解決效能問題
我發現遷移和經典編輯器外掛是不必要的。刪除這兩個外掛大大提高了管理速度。
擁有國際受眾的WooCommerce商店使用WPML等翻譯外掛以多種語言動態地為網站提供服務。這是一個很棒的外掛，有很多功能，但它也會大大降低你的後臺管理速度。
通過切換到Polylang等精益翻譯外掛，您可以獲得一些效能優勢。它沒有那麼多功能，但適用於大多數用例。
具有大量正在進行的程序/掃描的外掛會減慢您的WordPress後端。一些示例包括站點地圖生成器、分析圖表和圖表、頁面構建器和聊天外掛。
Tips: 如果您安裝Query Monitor，請記住在完成後將其解除安裝，因為它使用大量伺服器資源來執行掃描。
16. 為WordPress使用正確的CDN設定
CDN有助於以閃電般的速度為您的WooCommerce商店服務於世界各地的使用者。它通過儲存站點資源的快照並將它們從最近的伺服器傳送給使用者來實現這一點。
大多數CDN預設禁用WordPress後端的快取。但是有些CDN沒有，這會大大降低商店的管理面板速度。在這種情況下，您需要從CDN的快取中排除您的管理儀表板以提高其效能。
如果您使用Cloudflare，您可以設定頁面規則以禁用WordPress管理頁面上的Cloudflare功能。以下是如何做到這一點：
- 轉到Cloudflare儀表板下的Page Rules部分。
- 在URL欄位中新增*example.com/wp-admin/* 。
- 在設定欄位中，選擇Cache Level和Bypass選項。
- 您還可以新增額外的設定，例如Disable Performance和Disable Security（不推薦）。這些設定是可選的。
- 然後單擊Save and Deploy。
Cloudflare頁面規則繞過WordPress管理員
設定生效大約需要3分鐘。
如果您使用KeyCDN，那麼您可以使用他們的WordPress Cache Enabler Plugin來做同樣的事情。對於其他CDN，請聯絡他們的支援以解決此問題。
17. 簡化WordPress心跳API
WordPress Heartbeat API通過保持瀏覽器和伺服器之間的定期連線來實現近乎實時的更新。API每15-60秒向伺服器傳送一次請求，然後在接收到資料時觸發事件（或回撥）。
它允許一些驚人的功能，例如自動儲存文章、鎖定文章和登入過期警告。但是，當您以管理員身份登入時，每分鐘向伺服器傳送一些請求可能會減慢您的管理面板。
WP Rocket的免費Heartbeat Control外掛允許您在儀表盤、前端和文章編輯器上管理這些API請求的頻率。它甚至為您提供了完全禁用API的選項。
修改或禁用WordPress Heartbeat API
從增加時間頻率開始。如果這不能解決您的WooCommerce後端的速度問題，請考慮禁用心跳API。
如果應用上述所有優化仍然不能解決您的WooCommerce商店的速度問題，那麼……
WooCommerce速度始於優質託管
就像開一輛輪胎漏氣的汽車一樣，無論您進行多少優化，如果您的網站託管在糟糕的伺服器上，它都不會變得更快。您網站的很大一部分效能取決於您的託管伺服器質量。
WordPress網站有不同型別的託管，分為兩大類：託管和非託管。第一個對於大多數使用者來說是完美的，因為託管服務提供商會處理 WordPress 的所有伺服器優化。後者更適合能夠自行調整和管理伺服器的技術熟練的使用者。
對於WooCommerce網站，如果您沒有專門的伺服器運維技術人員，請選擇WordPress託管伺服器。但一般情況下，託管主機往往比非託管主機更昂貴。
您可以從4種主要型別的WordPress託管主機中進行選擇。每個都有自己的優點和缺點，所以選擇一個符合你的預算和目標的。我在下面的資訊圖中比較了它們的各種功能。
託管WordPress主機的4種主要型別
每種型別的託管都可以在多個計劃下以不同的價格提供。因此，在您的預算範圍內尋找主機時，請檢視提供的功能以確定它是否滿足您的要求。
WooCommerce網站本質上是令人難以置信的動態。它們會生成大量無法快取的資料和請求。
例如，結帳頁面對每個使用者都是唯一的，不能從快取中提供。因此，伺服器需要足夠強大才能順利執行您的網站，即使您的網站吸引的流量較低。
在決定WooCommerce託管計劃時應注意的推薦功能是：
- 具有WooCommerce特定快取規則的伺服器級快取。
- 2到4個PHP worker來處理WooCommerce的未快取請求而不會超時。
- WordPress記憶體限制為128MB或更多。
- 可擴充套件的基礎架構，可處理流量和負載的激增。
- 每日自動備份（首選每小時），以確保您的電子商務資料安全可靠。
- 一個完全安全的託管平臺，具有定期惡意軟體掃描、IP地理定位和濫用IP阻止、免費SSL、SFTP、SSH、HTTP/2和TLS 1.3等安全功能。
- Nginx或LiteSpeed網路伺服器軟體。
- 支援開發人員友好的功能：PHP 8、LXC容器、WP-CLI、Git、MariaDB、暫存環境等。
- 資料中心的正常執行時間長，分佈在世界各地。選擇一個伺服器靠近目標受眾的地方。
- Cloudflare整合以提高效能和安全性。
- 可靠的24/7支援團隊可快速解決任何問題。
- 出色的使用者評論和出色的業績記錄。
考慮到這些要求，您可以安全地消除共享主機。
虛擬專用伺服器 (VPS)類似於共享主機，只是您在共享伺服器中擁有一個專用於您的虛擬空間。如果您的預算有限，您可以開始使用中檔VPS計劃。但是，如果您的網站吸引了更多流量，那麼您將不得不盡快升級。
這給我們留下了雲託管和專用伺服器選項。如果它們滿足您的要求，兩者都非常適合WooCommerce網站。
與雲託管計劃相比，專用伺服器計劃的價格偏高，其範圍從每月50美元到每月數千美元不等。
如果您在營銷上花費了大量資金，那麼如果您的網站速度很慢，那麼您將推銷所有潛在客戶，因此非常值得選擇最快的WordPress託管解決方案。
最終，您最好每月在優質託管上多花幾美元，而不是花費數小時拉扯頭髮並想知道為什麼您的網站仍然有很高的跳出率。
小結
對於電子商務網站來說，時間就是金錢。快速的WooCommerce商店可提升使用者體驗、SEO、收入和投資回報率。
雖然您不必遵循本文中列出的所有速度優化技巧，但我建議您閱讀所有這些技巧。這將幫助您識別站點中的任何瓶頸。沒有人喜歡等待網站載入。通過快取等方式優化WooCommerce，獲得最佳WooCommerce速度，提升電商網站效能！
評論留言