網站效能：最佳做法

系統會先載入網站首屏內容，再載入頁面的其他部分。在頁面的這個區段新增有意義、相關且輕量的內容，訪客就能在頁面其餘部分載入時先查看實用資訊。

建議在首屏使用文字、形狀和按鈕等靜態元件。這些元件會優先載入，有助於縮短網站載入時間並提升效能。

什麼是「首屏」？

這是訪客向下捲動前，最先看到的網站區段。

上傳至 Wix 網站的圖片會自動調整大小以進行最佳化。除非需要透明背景，否則建議使用 AVIF 圖片，而非 PNG 圖片。AVIF 圖片經過更完善的最佳化，有助於縮短網站載入時間並提升效能。深入了解圖片與網站效能。

備註：

影片非常適合用來鼓勵訪客互動並引發興趣。新增影片時，建議留意載入時間，因為影片的解析度通常較高，載入時間也比靜態元件更長。

避免過度使用影片，並盡可能將影片放在首屏下方。深入了解如何最佳化影片

第三方應用程式和 iFrame 中顯示的內容（例如內嵌影片或社交頻道動態消息）由外部伺服器提供，而非 Wix 伺服器。

因此，Wix 無法將這類內容最佳化，可能會增加網站負擔並延長載入時間。

建議將這類內容放在次要頁面，並在首頁新增按鈕，引導網站訪客前往查看。

建議網站使用的字型不超過 3 至 4 種，這不僅能提升網站美感，營造專業質感，也能縮短載入時間並改善網站效能。

此外，建議盡可能避免使用自訂字型。系統字型載入速度較快，有助於改善網站效能。深入了解字型與網站

動畫和投影片放映等特效可讓網站更生動。

不過，這些特效的載入速度通常比靜態元件慢，因此建議盡可能放在網站首屏下方。

注意：動畫 GIF 必須完整下載後才會開始播放。建議將要使用的動畫 GIF 轉換成影片。

燈箱的設計本來就會比網站其他元件晚載入，因此建議減少在網站中使用燈箱，並避免將燈箱設為頁面的主要內容。

網站的 DOM 順序是使用輔助技術（例如螢幕助讀程式）的訪客瀏覽各個元件時所依循的順序。

若要讓這些訪客順暢瀏覽，並正確排列元件，建議手動調整元件的視覺順序，使其與「圖層」面板顯示的順序一致。

深入了解網站載入順序

使用行動版編輯器最佳化行動版網站。您可隱藏及調整元件，甚至新增歡迎畫面。

行動版網站的顯示效果會與桌面版不同，因此建議根據需求進行調整。

若要存取行動版編輯器：

某些元件可能不適用於行動版網站，並會大幅拖慢載入速度。

請留意這些元件。避免過度使用燈箱和第三方應用程式等元件，並只在行動版網站上保留相關且必要的內容。

若要在行動版網站隱藏元件：

提示：若要查看隱藏的元件並將其重新新增至行動版網站，請在行動版編輯器左側點擊「行動版隱藏項目」 。

較大的圖片在行動版網站上可能需要較長時間才能載入。建議裁切或縮小圖片，避免影響行動版網站的載入速度。

若要裁切圖片：

提示：若要調整圖片大小，請點擊圖片，然後拖曳把手將圖片放大或縮小。

圖庫和重複器很適合用來顯示網站上的圖片與資訊，但載入速度通常比文字或基本形狀等其他元件慢。

最佳做法是減少行動版網站上圖庫或一組重複器內的項目數量。僅顯示相關且重要的項目與媒體，並將其均勻分散於網站各處。

歡迎畫面非常適合用來展現行動版網站的品牌特色。這是訪客最先看到的內容，系統可同時在背景完整載入網站。

您可從編輯器左側面板新增歡迎畫面，並依照偏好自訂樣式。

新增歡迎畫面：

Wix 網站支援多種行動裝置作業系統和瀏覽器。如果訪客無法正常查看適合行動裝置瀏覽的網站，可能需要更新系統或瀏覽器。

查看支援的作業系統和瀏覽器。

LCP 用於衡量頁面上最大可見內容的載入速度。

改善方法：

TBT 用於評估網站的主要執行緒遭指令碼封鎖的時間長度。

若要改善 TBT：

若在完成媒體最佳化並減少非必要元件後，網站速度仍然緩慢：

Wix 會在上傳期間自動將圖片最佳化，但若需要進一步壓縮：

受限於行動裝置的效能以及較慢的網際網路連線，行動版網站通常需要較長的載入時間。

若要加快行動版網站的載入速度：

圖片模糊通常是因為高解析度圖片經過縮小，以配合較小的畫面。

若要修正此問題：

動畫可能會大幅影響網站效能。若要最佳化動畫：

延遲載入會等到圖片和影片進入使用者的可視區域後才載入，藉此縮短頁面的初始載入時間。Wix 預設會為圖片和影片啟用延遲載入。

若要進一步最佳化：

動態頁面適合內容豐富的網站，因為這類頁面會從 Wix CMS 集合拉取資料，減少建立多個靜態頁面的需求。這可透過以下方式縮短載入時間：