提高電子商務網站性能的 5 種方法

已發表: 2020-06-12

不斷增長的市場和日益激烈的競爭使電子商務店主尋找從人群中脫穎而出並影響客戶行為的方法，迫使他們進行購買。 但是，阻礙銷售的主要因素之一是網站性能緩慢。

根據Radware的研究，如果一個網站的頁面沒有快速加載，訪問者需要 3 秒才能放棄該網站。 此外，79% 對網站性能不滿意的客戶不太可能再次從商店購買。 最重要的是，在搜索引擎優化方面，速度是一個直接的排名因素，因為谷歌不會讓性能緩慢的網站出現在頂級搜索結果中。

在分秒必爭的電子商務世界中，如果網站運行緩慢，每個業務指標都會受到影響：每日訪問率、轉化率、跳出率、搜索排名、頁面瀏覽量，最重要的是銷售額和收入。 即使頁面響應延遲一秒，也會導致轉化率下降 7% 。

聽起來網絡性能至關重要，不是嗎？ 在本文中，我們將確定電子商務店主常犯的錯誤，並概述提高 Web 性能和速度的方法。

如何識別主要性能問題以加快網站速度優化？

提升您的電子商務網站性能

性能完全由數據衡量。 衡量該指標的最簡單方法是使用電子商務分析工具對其進行測試，該工具專為網站管理員和店主設計，以監控他們的項目，提供最新的性能優化。

以下是一些可用於跟踪您的網站性能的工具：

  • 谷歌 PageSpeed 見解

谷歌製作的工具不僅可以報告桌面和移動設備上的頁面速度，還可以就必須如何改進頁面以實現更好的結果提供可操作的建議。 Google PageSpeed Insights 的主要功能是提供現場和實驗室數據。 最後一個基於中間層設備 (Moto G4) 上的模擬加載頁面和一組固定的網絡條件。 實驗室數據可用於調試性能問題。 至於現場數據，它是一種關於 URL 執行情況的歷史報告，它基於來自不同設備和網絡條件的真實用戶的匿名性能數據。 這些數據對於確定真實的用戶體驗很有用。 將這兩個數據放在一起並分析，用戶可以全面了解網站的性能。

  • GTMetrix

它是一個易於使用的在線工具，用於測試網站加載時間，將結果分配為從 A 到 F 的等級，並提供有關您網站特定問題的大量詳細信息，例如，它提供有關哪些方面的詳細信息大多數時間加載以了解要進行的調整。

  • 關鍵CDN

除了提供全頁速度測試以獲取有關網站性能的概述和詳細報告外，該工具還具有各種其他有用的功能。 例如，用於驗證 URL 是否通過 HTTP/2 協議傳遞的 HTTP/2 測試。

既然您知道如何使用各種工具測試您的電子商務商店的性能，讓我們仔細看看應該調整網站的哪些方面以及應該採取哪些步驟來提高性能優化。

#1 改進您的託管解決方案

託管類型以及物理服務器的密度和負載是影響電子商務商店性能的常見罪魁禍首。 託管資源的缺乏會導致網站性能下降，長時間的停機導致潛在客戶和銷售收入的不可避免的損失。

託管解決方案的選擇取決於商店的規模（它接收的出站流量、每天的訂單和訪客數量）以及它所基於的 CMS。 因此，例如，基於 Magento CMS 的大型或中型商店與簡單的共享託管不匹配。 要託管這樣的商店，您至少需要可擴展的 VPS、雲或專用託管，它們可以管理銷售或節假日期間的流量高峰。

#2 減少服務器響應時間和 HTTP 請求數

大量服務器請求會對決定受眾與商店互動程度的關鍵指標產生負面影響。 請求越多，響應時間越長，頁面加載所需的時間就越長。 每個 JS 和 CSS 文件、每個腳本、樣式表、嵌入的視頻或圖像都意味著一個額外的 HTTP 請求。

減少服務器請求需要對網站後端進行更改。 但是，這些更改應該取決於旨在顯示您的網站降低性能的方面的複雜審計。

為了最大限度地減少服務器請求，網站管理員可以執行以下操作：

  • 將所有 JavaScript 資源合二為一，每個頁面只使用一個樣式表（您可以使用 Apache Ant 或 pkd.io 等軟件來自動化該過程）。
  • 刪除不必要的圖像或通過使用 CSS sprites 技術將多個圖像組合成單個圖像來優化它們（有一些工具 - Spritegen、CSS Sprite Tool - 允許您將圖像組合到一個文件中）。
  • 優化您的數據庫。 就您的網站積累信息而言，存儲在數據庫中的海量數據是系統的瓶頸。 當查詢時間過長時，數據庫或配置不正確的數據庫服務器可能會成為一個真正的問題。 網站數據庫優化的過程包括刪除無用的條目、切換到平面目錄以減少數據庫查詢、更新數據庫版本、為大表添加索引等安排。
  • 配置緩存以通過在未來訪問期間重用文件來確保快速交付給訪問者。 例如，您可以安裝Redis (PDF)，它是一個開源、內存中的數據結構服務器。 它可以用作分佈式服務器緩存或存儲經常需要的數據的數據庫。
  • 將您的網站設置為異步加載 JavaScript 文件。 它允許網站內容同時呈現多個頁面元素。
  • 通過刪除冗餘和長變量、註釋、不需要的字符來縮小和壓縮代碼的大小。
  • 消除臃腫軟件（程序、插件、佔用空間但不提供價值的應用程序）。

#3 使用第三方擴展

除了默認功能外，還有許多可用於提高電子商務網站性能的擴展。 通過性能擴展，您可以調整部分代碼、利用瀏覽器緩存、優化圖像大小、針對特定用例優化網站、縮小 HTML/JS/CSS（在某種程度上）並修復最明顯的性能問題。

但是，考慮到擴展並不是解決所有網站問題的靈丹妙藥，不要指望它們能解決任何復雜的問題。 任何擴展都無法像經驗豐富的開發人員一樣理解代碼庫。

此外，每個新擴展都會向服務器添加一個單獨的 HTTP 請求。 服務器處理請求需要更多時間，從而影響頁面加載速度。 因此，如果您的在線商店具有復雜的代碼結構，您已經加載了許多第三方擴展，或者您的 CMS 是高度定制的，那麼使用性能擴展並不是一個好主意。 例如，對於 Magento 支持的電子商務商店來說，這些商店的性能很難優化，第三方擴展可能是導致他們無法解決的問題更多的原因。 在這裡，將優化過程委託給提供Magento 性能優化服務的公司是合理的。

#4 切換到 Elasticsearch

Elasticsearch 是一個開源搜索引擎和分佈式文檔存儲，用於存儲和檢索數據結構。 它於 2010 年開發，其全文搜索引擎是用 Java 編寫的。 Elasticsearch 是一種主流工具，許多領先的電子商務品牌都使用它來實時存儲、分析和搜索大量數據。

就搜索是商店的主要功能之一而言，Elasticsearch 為電子商務商店所有者提供了提高感知和實際性能的機會。 這是一個很好的策略，可以在不花費大量資金的情況下提供快速的用戶體驗。

無論是 WooCommerce、Shopify 還是 Magento，Elasticsearch 都可以與每個 CMS 配合使用，並且對於那些由於大量查詢導致網站數據庫超載而運行緩慢的在線商店非常有幫助。 作為獎勵，Elasticsearch 有一個奇怪的特性——它比默認搜索更能理解複雜的搜索查詢。

#5 使用延遲加載更快地加載媒體內容

電子商務網站的典型有效負載中的視頻、音頻和圖像的比例可能很大。 但店主可能不願意從他們的網站上刪除媒體內容。 延遲加載（或按需加載）可以在這裡發揮作用。 這是一種媒體內容優化技術，可將“非關鍵”或“屏幕外”文件的加載推遲到需要的時刻。 根據設置，該模式可以出現在應用程序的不同時刻，但它通常發生在某種用戶交互上，例如滾動、單擊或導航。

就我們可能加載用戶可能永遠看不到的東西而言，這會帶來問題，原因有以下幾個：

  1. 浪費電池和其他系統資源；
  2. 它會浪費數據（對於有限數據計劃的用戶來說至關重要）。

如果使用得當，圖像和視頻的延遲加載可以減少初始頁面重量和初始加載時間，所有這些都會對性能產生積極影響。

然而，該技術的使用有幾個陷阱。 首先，它的實現需要在現有代碼中添加額外的代碼行，這使得它變得複雜。 其次，由於未加載內容的不正確索引的可能性，該模式可能會在一定程度上影響您的搜索引擎排名。

總結

毫無疑問，沒有精通技術的企業主很難定義網站的哪些方面需要修復。 更不用說不是每個人都可以優化電子商務商店以獲得更好的速度和性能。 有很多問題可能會變成瓶頸，如果您認為您的網站運行方式錯誤，最好尋找一家提供優化服務的公司，該公司在網站開發和優化方面具有紮實的專業知識。