提高您的電子商務商店的 WooCommerce 商店性能
已發表: 2022-05-20
無論身在何處，所有互聯網用戶都可以訪問您的 WooCommerce 商店嗎？ 商店性能問題是商店所有者優先考慮的核心問題，也是 WooCommerce 託管的核心，以確保您的在線商店在 Internet 上的活動和可見性。
為什麼要提高 WooCommerce 商店的性能？
優化用戶體驗：
客戶保留在很大程度上取決於所訪問商店的提升 WooCommerce 商店績效。 至於用戶體驗，有 3 個要素很突出，必須加以監控：
1、網站顯示頁面的速度（響應時間超過3秒有40%的訪問者放棄瀏覽）
2. 下載頁面元素所需的時間
3. 瀏覽器在處理頁面元素時的流動性
提高移動/網絡性能：
隨著移動設備（智能手機或平板電腦）的普及，用戶不再滿足於他們的台式機或筆記本電腦。 這導致更複雜的操作環境。 移動 Web 用戶的期望越來越高：85% 的人期望加載時間與 PC 一樣快。
優化自然參考：
託管服務器的響應時間是搜索引擎衡量的標準。 這提高了新網頁的索引速度，並允許深入索引更多頁面。 Google 建議平均 1.5 秒顯示一個網頁。
控製成本：
有越來越多的數據需要存儲、操作和利用。 對 WooCommerce 商店績效的有效管理可以優化成本。 這導致：
資源消耗較少的在線商店
在高峰時段提供更好的可用性
WooCommerce 商店的測試加載時間：
第一步顯然是了解為您的商店提供服務的性能。 為此，存在許多強大的工具，並給出了必須絕對改變或改進的指標。 這裡有3個性能評估工具：
Pingdom 工具
GTmetrix
谷歌 PageSpeed 見解
和在學校一樣，這裡的目標是在這些不同的工具中獲得最大的賠率。 這將首先通過改善用戶體驗來優化您的轉化率。 此外，由於 Google 宣佈在其算法中考慮了加載網站的速度，因此您將受益於更好的參考。
然而，應該注意的是，有必要知道如何區分原始速度（代碼加載）和用戶實際感知的速度。 我們說的是後者，用戶面臨的就是後者。
您越來越多地聽說將網站性能作為搜索引擎定位標準。 這個因素包括幾個指標，可以讓 Google 的算法判斷您的電子商務商店是否快速，並將其與其他因素相關聯以確定您的產品頁面的位置。
我們將在這里處理 10 個重要的問題：
1. WooCommerce 虛擬主機
2.圖像優化
3.安裝緩存插件
4.集成WordPress CDN
5. 對 CSS 和 JS 文件進行分組
6. 使用 CSS Sprites
7. 最大限度地減輕頁面
8. 數據庫優化
9. 資產的子域
10.啟用Gzip壓縮
1. WooCommerce 虛擬主機：
要選擇 WooCommerce 託管，不要通過直接選擇最便宜的方式自動認為“經濟”。 如果您的 WooCommerce 商店託管不當，這可能包括停機時間和不安全性。
你自己肯定是訪客！ 如果在您的商店中發現威脅，那麼您肯定會去找競爭對手。 一個好的主機必須適應您的需求； 博客、流量少或流量高的網站的需求不同。
為了不被欺騙，請不要猶豫聯繫可以為您提供建議的專業人士。
要擁有一個始終快速顯示的 WooCommerce 商店，必須擁有像 Cloudways 這樣的好主機，它可以確保穩定性、功率、可用性和安全性。 這已經不是什麼秘密了，我們必須設定一個最低預算。
該等式將取決於許多參數：服務器（硬盤質量、性能等）、冗餘（服務器數量的倍增以克服故障問題）、服務（快速乾預等）。
WooCommerce 的網絡託管是保證優質服務的關鍵要素之一。 一定要選它！
Kinsta 是託管您的 WooCommerce 網站的另一個絕佳選擇。 他們高度安全和速度痴迷的架構使他們能夠輕鬆處理流量激增，對於 Woocommerce 解決方案，他們提供自動縮放、每日備份、WooCommerce 優化的服務器環境和一組很棒的可選插件。
2. 圖像優化：
圖片是影響網站加載時間的首要因素。 許多店主忽略了 SEO 的這一重要方面，並且滿足於在沒有任何優化的情況下插入圖像。
看到人們直接從他們的數碼相機上傳照片到他們的網站的情況並不少見，即使它們重達幾兆字節。 然而，有一些簡單的技巧可以解決它！
有幾種工具和方法可以讓您優化圖像。 第一個技巧是在使用 Photoshop 創建視覺效果時“為網絡保存圖像”。
這使它們能夠自動優化並適應網絡。 還有諸如 TinyPNG 和圖像壓縮插件之類的工具可用於刪除所有增加圖像權重的無用數據。
3.安裝緩存插件：
您可以選擇將產品頁面的靜態元素存儲在客戶端。 例如徽標。 這減少了顯示網頁的服務器請求數量。
原理很簡單：在第一次訪問 WooCommerce 商店時，靜態文件存儲在用戶的瀏覽器中。 在下次訪問時，該頁面幾乎立即顯示，因為在服務器上進行的查詢較少。 這是優化加載時間的有效方法。
為了獲得緩存的好處，有幾個可用於創建緩存系統： Breeze - 例如，免費的 WordPress 緩存插件。
4.集成WordPress CDN：
內容交付網絡 (CDN) 是提高 WooCommerce 商店性能的另一個重要參數，但 WooCommerce 商店沒有充分利用它。 WordPress CDN 的操作如下：不是從單個服務器加載頁面的所有元素，而是通過位於世界各地許多數據中心的服務器網絡。
為什麼？ 用戶離服務器越遠，加載時間就越長。 通過多台服務器，CDN 可以從離每個訪問者最近的一個或多個服務器傳送緩存頁面。 因此，您的靜態內容可在全球最多的地方使用。
5. 分組 CSS 和 JS 文件：
為了盡可能減輕您的商店負擔，我們建議您壓縮 CSS 和 JS 文件（Breeze 緩存插件可以做到這一點）。 讓我們明確一點，網站現在因使用越來越多的 JavaScript 和 CSS 代碼來工作而不堪重負。
這會導致一些積極的事情，但也會導致商店的重量增加，從而導致速度變慢。 正如我們為圖像向您解釋的那樣，有必要通過對代碼進行分組來盡可能減少這些文件的重量。
6. 使用 CSS 精靈：
提高 WooCommerce 商店性能還意味著使用所謂的 CSS Sprites 技術。 這種做法在之前的視頻遊戲（2D）中廣泛使用，允許使用包含多個其他圖像的單個圖像。 網頁設計師選擇了他想要用於“背景位置”屬性的圖像。
更具體地說，想像一下你的 WooCommerce 商店有 Twitter、Facebook、Instagram、Pinterest、RSS 和 YouTube。 您可以將這六個圖像收集到一個文件中，而不是每個按鈕都有一個圖像。 然後，您可以為上述所有圖標使用單個圖像文件。
7. 最大限度地減輕頁面
俗話說，重要的不是數量，而是質量。 建議避免使用過多的視頻、滑塊、圖像甚至商業廣告使您的 WooCommerce 商店超載，因為這會大大降低商店的速度。 效率不等於超載，更多的是在網絡領域。
特權輕量級和簡單的頁面，這只會提高您的知名度，但也會提高加載商店的速度。
8. 數據庫優化：
數據庫存儲您的內容，例如您的產品圖片、博客文章、配置等。問題在於，當它們工作時，它們會創建可以優化的繁重文件。 這就是為什麼最好優化您的 WooCommerce 數據庫。 此外，請務必配置您的數據庫服務器。
所以構建好你的表，做一些高效和可靠的事情（如果你手工編碼），並隨時通過你可以在 Internet 上找到的 SQL 查詢來優化它。 同樣，在您的配置中設置客戶比率以及不同的戰略點。
請注意，您可以使用 WordPress 插件目錄中提供的 WP-DBManager 插件來優化 WooCommerce 商店。
9. 資產子域：
圖像或媒體的另一個優化：創建專用於資產的子域。 當您連接到網頁時，您的瀏覽器默認使用一定數量的子域連接（4、6、8 ...）。 它是一種 HTTP 請求隊列。 這設置了限制，因為它必須等到一個請求完成才能啟動另一個請求。
但是，如果您為圖像和視頻設置了多個子域，例如，這將允許您同時啟動多組 HTTP 連接，這將允許一方為它們管理和創建隊列：查詢“標準”。
另一方面，為您的請求創建一個不同的隊列：“圖像/資產”。 這使得以某種方式共享資源成為可能。
10. 啟用 Gzip 壓縮：
當用戶訪問您的商店時，系統會調用您的服務器以發送請求的數據以供顯示。 數據可以是圖像、樣式表或 JavaScript 文件。 不用說，數據量越大，將它們加載到瀏覽器中所需的時間就越長。
幸運的是，Gzip 壓縮有助於減少數據的大小。 如果您的服務器上啟用了 Gzip，則會在瀏覽器上加載所請求網頁或文件的壓縮版本。
然後瀏覽器在解釋它們之前解壓縮接收到的數據。 最後，Gzip 壓縮有助於減少傳輸信息的大小，從而顯著減少加載時間。
通過這 10 種方法，您一定會優化 WooCommerce 的提高 WooCommerce 商店性能。 可以使用其他技術來進一步優化：服務器緩存等。但是如果您使用了我們在本文中介紹的技術，那麼您已經完成了大部分工作。
關於作者：
Saud Razzak 是 Cloudways 的 WordPress 社區經理——一個託管的 WooCommerce 託管平台。 Saud 負責在全球社區中創造嗡嗡聲、傳播知識和教育人們關於 WordPress 的知識。 空閒時間，他喜歡打板球和上網學習新事物。