無論您是透過外掛程式、主題為網站添加功能,還是進行客製化開發,檢查您所做的任何更改以及它們對網站效能的影響都很重要。
對於任何網站,尤其是電子商務網站,效能都極為重要。您的網站速度會影響您在搜尋引擎上的排名以及客戶在您這裡購物時的體驗。緩慢的網站會導致頁面瀏覽量減少、客戶滿意度下降以及轉換率降低。
設定一個針對速度進行最佳化的網站並不是一次性的事情
隨著您網站的發展,您所做的任何更改都會影響您已完成的工作。如果您所做的更改似乎會影響您的效能,則應立即解決該問題以使您的網站恢復正常。
奠定基礎
在對現有網站進行調整時考慮所有註意事項之前,從堅實的基礎開始非常重要。就本文而言,貝南電話號碼數據 我們假設您使用的是 WordPress,但大部分過程在使用其他平台時仍然適用。
從一開始,請確保您將網站託管在高效能提供者(例如 SiteGround)上。您應該啟用某種形式的快取(透過 SiteGround,您可以啟用 SuperCacher),這將保持快速。對於緩存,儘管有一些令人驚奇的技術可以讓絕大多數人更快地登陸您的網站,但您仍然必須記住訪問者會收到未緩存的內容。快取並不能解決所有效能問題,特別是因為並非所有內容都可以快取。
首先為網站的關鍵區域(例如主頁、產品、購物車和結帳頁面)建立最佳化的基礎非常重要。理想情況下,您還應該有一個臨時環境,以便以安全的方式進行未來的測試。
設定基線
首先,您需要獲得當前績效的基線,以了解您正在做什麼。
為此,我建議使用一系列不同的工具,其中一些工具具有相同的功能,但確保您的結果更能代表訪客。這些工具都是免費的。
GTMetrix提供對頁面速度分數
完全載入時間、頁面大小甚至頁面上產生的總請求以及解析度的深入分析。
Pingdom,用途與 GTMetrix 相同,但使用類似工具的多個版本可以提高結果的準確性。
Google PageSpeed Insights提供有關頁面載入方式以及其他審核以及如何解決存在問題的資訊。
Query Monitor是一個 WordPress 插件,可以深入了解您的網站在幕後正在做什麼、使用了多少記憶體、進行了多少資料庫查詢、發出了多少外部請求等等。
Chrome 開發者工具,這些是 Chrome 瀏覽器內建的工具,可讓您檢查、監控和偵錯某些效能密集區域,甚至可以自行測試頁面速度等內容。如果您從未使用過這些工具,請右鍵單擊 Chrome 中的網站並選擇「檢查」。
首先使用上面的前三個工具來瀏覽您的主頁和產品頁面。無需技術知識,這些最初的步驟就可以在瀏覽器中更輕鬆地完成。
一旦您完成這些操作並記下適用的載入時間、頁面大小等,如何維護快速的電子商 就可以繼續在瀏覽器中測試購物車、結帳並加入購物車了。為此,請前往您的產品頁面之一併開啟開發人員工具(您可以按照上述操作,使用 F12 或 option + command + I)
使用左側的停止圖示清除日誌中的所有條目,啟用保留日誌並停用快取。完成此操作後,我們先來看看一些標準的替代搜 將一件商品添加到您的購物車並記下底部欄上的信息,對購物車和結帳重複相同的步驟,確保您這樣做時購物車中至少有一件商品。
您甚至可以使用上圖中反白的選單來限制測試速度
對於可能使用較慢連線(例如 3G)的行動用戶來說,這非常有用(如果您進行更改,請始終記住將其切換回線上狀態)。
為未來而建設
展望未來,您可以使用登台網站來測試新的外掛程式、主題或自訂程式碼,資料庫到數據 確保它們提供您所需的內容。再次運行測試,確保它們不會導致任何性能下降。您可能會對影響您網站速度的因素感到驚訝。當像亞馬遜這樣的公司注意到載入時間每增加 100 毫秒,他們的銷售額就會減少 1%,因此掌握這些事情就很重要了。