優化 Shopify 商店速度的 7 種方法

如果加載時間超過 4 秒，則幾乎 1/4 的訪問者會離開網站。 由於網站性能不佳，其中 46% 從未返回網站。 緩慢的網站會導致糟糕的客戶體驗並將客戶趕走。

您是否會等待 15 秒只是為了讓網站加載其內容？ 您立即離開該站點並尋找其他商店。 因此，緩慢的網站會阻礙網站流量並增加跳出率。 這兩者都會對潛在客戶群產生負面影響。

站點速度不僅僅是技術維護。 直接影響收入。 那麼，我們如何修復您的 Shopify 商店網站速度？ 今天，我們將看看 7 個技巧來優化您的 Shopify 商店網站速度。

1.圖像優化
2. 分析第三方應用
3. 實施 AMP（加速移動頁面）
4.選擇正確的主題和功能
5. 懶加載器
6.避免彈出窗口
7.減少重定向和斷開的鏈接
8. Shopify 商店網站速度基準

Shopify 在儀表板上提供站點速度分數。 此分數根據 Google 燈塔性能指標衡量您的網站加載速度。 Shopify 網站的平均速度得分為 50。任何高於 70 的速度得分都很高。

如果您的網站得分低於 50，您應該使用這些策略來提高網站性能。 除此之外，您還應該獲得有關技術細微差別的專業幫助，例如縮小 Java 和 HTML 腳本或渲染阻止 CSS 和 Javascript。 Shopify 網站大量使用 HTML、CSS、Javascript 等，這會降低網站速度。 因此，如果以下提示均無效，請檢查您的代碼和網站後端。

1.圖像優化

從基礎開始：圖像。 高分辨率圖像會降低網站速度。 如果您的商店有多個高清圖像、圖形和視頻，那麼您的網站將會滯後很多。 以下是優化圖像和提高網站速度的 5 種方法：

上傳壓縮圖片

它們減少了文件大小並在網站上加載。 但是，請確保遵循指定的圖像尺寸以避免低質量的圖像。

避免使用滑塊並選擇英雄佈局

只有 1% 的訪問者會通過滑塊。 因此，不要選擇 4-7 張高清圖像，而是使用 1 張高分辨率圖像。

避免使用 GIF 或視頻。

如果您的產品需要多張圖片，請選擇 3-4 張高分辨率圖片。 高質量的 GIF 或視頻可能會滯後並需要很長時間才能加載到訪問者的系統上。

使用延遲加載器

如果您無法避免上傳許多圖像、視頻或 GIF，在這種情況下，該站點僅加載用戶屏幕上可用的內容。 所以，只要用戶沒有打開滑塊或到達視頻，它就不會被加載。 結果，不僅內容負載有限，而且網站運行速度更快。

堅持靜態圖片

它們不是 GIF 或視頻，而是節省了網站的負載並顯著提高了速度。

2. 分析第三方應用

安裝第三方應用是 Shopify 店主的標準做法。 他們添加這些是為了提高性能、添加功能、自動化等等。 但是，獲得太多應用程序也會影響代碼。 它導致速度慢。 所以？

• 識別無任何用途且無用的應用程序。
• 卸載這些應用程序。 如果應用程序的某些功能無效，請將其刪除。
• 禁用功能或卸載應用程序不會刪除代碼集成。 因此，您需要手動刪除它們。

刪除未使用的應用程序。 除此之外，尋找干擾站點速度的應用程序的替代方案。

3. 實施 AMP（加速移動頁面）

2020 年，61% 的網站流量來自美國的移動設備。 超過一半的用戶正在通過手機查看您的商店。 但是，手機在 PC 上加載普通網站需要更長的時間。 因此，針對手機優化您的網站是沒有商量餘地的。

您的技術團隊可以幫助您進行移動優化。 但是，您可以將 Shopify 第三應用目錄中的一些應用添加到 DIY。 FireAMP 和 Shopsheriff 等應用在 AMP 中提供幫助。 設置這些確實需要相當長的時間。 但是，您可以通過這樣做來吸引更多的受眾。

4.選擇正確的主題和功能

Shopify 擁有龐大的主題、功能和字體庫。 這些增強了您網站的設計，使其看起來更具吸引力。 然而，每增加一個主題/功能，網站就會變慢。

• 確保添加響應式主題。 檢查主題是否會減慢網站速度，然後替換它。
• 分析是否使用了所有添加的功能。 如果某個功能沒有價值，則刪除/禁用它們。
• 選擇系統字體：Mono、Serif 和 Sans-serif。 避免用戶系統必須首先下載的花哨字體。 在這種情況下，下載字體、加載字體和加載網站需要大量時間。 儘管 Shopify 提供了許多字體選項，但堅持使用基本的系統字體效果很好。

所有主題和功能都依賴於 CSS/HTML，這會影響網站速度。 明智地選擇它們並避免不必要的元素。

5. 懶加載器

延遲加載是一種優化技術，頁面僅加載有限的內容。 如果用戶在商店/網站的特定部分，它只會加載該特定部分。 它類似於延遲視頻加載。 除非不需要，否則頁面只會加載用戶參與的元素。

它對於添加許多圖像、視頻、GIF 和其他大文件的商店非常有效。 它可以節省大量的加載時間並提高網站速度。

6.避免彈出窗口

彈出窗口對於企業突出信息產品或時事通訊至關重要。 它們有助於特定內容成為焦點，以吸引更多關注。 但是，它們會降低站點速度並影響用戶體驗。

• 擺脫佔據整個頁面的大型彈出窗口。 它們會增加加載時間並導致網站滯後/凍結。 此外，在用戶端獲得覆蓋整個頁面的彈出窗口可能會令人沮喪。
• 在特定的高價值頁面上使用彈出窗口。 您不需要在每個站點/商店頁面上添加彈出窗口。 分析需求並相應地使用它們。
• 在用戶懸停在您的網站上幾秒鐘後顯示一個彈出窗口。 進出您網站的用戶不會與您的彈出窗口互動。 因此，在用戶登陸您的商店 7-15 秒後添加一個彈出窗口。 它們更有效，點擊率更高。

7.減少重定向和斷開的鏈接

商店可以有各種重定向或斷開的鏈接。 但是，它們滯後於站點，並且速度顯著降低。 您可以通過執行 404 重定向直接通過 Shopify 儀表板解決此問題。

或者，您可以添加將用戶帶到新 URL 的 301 重定向。 此外，您可以在技術團隊的幫助下刪除這些鏈接。 他們將刪除任何損壞的鏈接並減少重定向。

除了所有這些提示之外，您還可以使用 Google 標籤管理器進行商店優化。 您將代碼遷移到該工具，這有助於將所有代碼異步加載到一起。 從技術方面來說，提高存儲速度的方法有很多。 這可能意味著縮小 HTML/CSS、渲染阻塞、刪除不必要的代碼和遷移。

但是，您的網站平均需要多少才能加載？ 讓我們看一些基準。

8. Shopify 商店網站速度基準

儀表板上提供的良好 Shopify 商店速度高於 50。但是您可以部署其他工具來檢查您的網站速度。

一個平均網站需要大約 3.8 秒來加載第一張圖片，並且需要 22.1 秒才能進行交互。 您的網站需要更長的時間嗎？ 檢查您的 Shopify 商店的網站加載速度。

這是顯示平均值和最佳 Shopify 商店速度基準的圖表。

除此之外，您還可以在此處檢查您的網站速度。

使用這些站點時，請運行 3 次測試以獲得清晰的圖像。 從那裡開始使用平均值，但不要依賴於單個測試。 這確保了更好的結果和商店速度的清晰畫面。

常見問題

Shopify 商店的最佳速度是多少？

Shopify 速度得分反映在儀表板本身上。 商店應嘗試獲得高於 50 的分數。70 分的速度分數被認為對 Shopify 商店來說非常好。

減慢網站速度的最常見項目是什麼，特別是 Shopify 網站？

影響商店速度的最常見項目是圖像和繁重的後端代碼。 高分辨率圖片、視頻和 GIF 需要時間來加載和交互。 另一方面，主題、功能和第三方應用程序會增加網站代碼，從而降低商店速度。