提高網路商店成效

此頁面列印時間為 Apr 23, 2024。如須最新版本，請至 https://help.shopify.com/zh-TW/manual/online-store/web-performance/improving-web-performance。

您的網路商店由許多功能組合而成，例如佈景主題程式碼、應用程式、圖片、影片、輪播廣告、社群媒體摘要和分析資料。這些功能可以加強訪客體驗並擴大網站的功效。

但是，您新增到網路商店的每項功能都可能會影響商店的成效。有些功能可能會減緩網站速度或造成可能會影響用戶體驗的意外行為。

網站成效著重於用戶體驗最佳化。目前，網站成效著重三大方面，這三個方面也反映在網站體驗核心指標 (Core Web Vitals) 中：

  • 載入速度 (使用最大內容繪製 (LCP) 來衡量)
  • 版面配置穩定性 (使用累計版面配置轉移 (CLS) 來衡量)
  • 使用者互動的回應能力，使用首次輸入延遲 (FID) 和下次繪製互動 (INP) 來衡量

最佳化網站成效讓顧客更有可能停留在網站並進行轉換。深入瞭解網站成效的重要性。

此頁面上

網路商店最佳化

網路商店已內建網站最佳化功能，而任何新功能也會內建網站最佳化體驗。您無需執行任何特殊操作，便能使用以下功能：

  • Shopify 在快速的全球伺服器上代管您的網路商店，且不限制商店頻寬。您可以在「Shopify 狀態」上查看 Shopify 商店的狀態。
  • 網路商店使用由 Cloudflare 營運的內容傳送網路 (CDN)，確保能在全球各地快速載入。您可以在 Cloudflare 狀態頁面上查看 CDN 狀態。
  • 為了維持快速載入，系統會使用圖片 CDN 自動達成圖片最佳化效果。圖片 CDN 與佈景主題程式碼搭配運用時，可提供效果最佳的圖片格式，而這種格式也經過調整和壓縮處理，能讓檔案大小保持精簡。

影響網站成效的因素

對 Shopify 商店而言，以下是影響網站成效的主要因素：

  • 您的網路商店佈景主題
  • 您安裝的應用程式
  • 手動新增到商店的任何其他第三方程式碼，包括代碼管理工具和其中的代碼

這表示您應聚焦以下重點來提高網站成效：

測試工具

您可以使用以下工具來調查網路商店的成效。

網站成效控制面板

Shopify 的網站成效控制面板報告使用網站體驗核心指標 (Core Web Vitals) 來衡量網路商店的真實用戶體驗。

PageSpeed 深入分析

您可以使用 Google 的 PageSpeed Insights 執行專屬報告，以檢視更詳細的商店頁面指標。

取得有關網路商店成效的支援

如果您使用 Shopify 的免費佈景主題，Shopify 支援服務或許能協助您進行基本的效能改善作業。

如果您使用第三方佈景主題且需要協助，則需聯絡佈景主題開發人員、聘僱我們的 Shopify 網站成效專家或聘僱 Shopify 合作夥伴。深入瞭解如何聘僱 Shopify 合作夥伴。

如果您的成效問題來自應用程式，請聯絡您的應用程式開發人員。

如果您擁有開發團隊或代理商合作夥伴，您也可以聯絡對方以取得進一步協助。

疑難排解適用的技術資訊和資源

如果您是開發人員，且希望提高 Shopify 店面、佈景主題或應用程式的成效，不妨查看每個網站體驗核心指標 (Core Web Vital) 的以下資源。深入瞭解讓 Shopify 佈景主題發揮成效的最佳做法。

載入速度

最大內容繪製 (LCP) 是根據畫面上最大元素向訪客顯示的速度來衡量載入速度。首個位元組時間 (TTFB) 和首次內容繪製 (FCP) 都是輔助性指標，能協助您更加瞭解問題的根本原因。您可以深入瞭解如何根據 Shopify Liquid 店面載入緩慢的常見原因進行偵錯。

視覺內容穩定性

累計版面配置轉移 (CLS)：根據內容在載入過程中意外位移的程度來衡量視覺內容穩定性。有關 CLS 偵錯的深入研究，請參閱如何在 Shopify 網站上獲得最佳化累計版面配置轉移 (CLS)。

互動性

首次輸入延遲 (FID) 會根據頁面回應第一個使用者動作 (例如點按連結或按鈕) 所需的時間來衡量互動性。此指標已由網站體驗核心指標 (Core Web Vitals) 中的下次繪製互動 (INP) 取代，我們目前正努力將 INP 新增到網站成效控制面板。

如果 FID 或 INP 結果不佳，很可能是因為您的商店中有太多來自佈景主題程式碼、應用程式碼或第三方/代碼管理工具程式碼的 JavaScript。請著手清除影響最大的部分。深入瞭解如何使用 3 種方法找出對頁面載入影響最大的 JavaScript。如果 INP 問題仍無法解決，請查看 web.dev 上的資源以瞭解詳情。

準備好開始透過 Shopify 銷售商品了嗎？

免費試用