網站效能：優化文字
1 分鐘
最佳化網站上的文字以提升訪客體驗。字型類型、效果和格式設定都可能影響網站效能，因此建議遵循我們的指南，確保在不影響功能的情況下顯示重要資訊。
提示：
在首屏範圍內提供具意義的文字，也能確保訪客在載入網站其餘部分時有內容可以閱讀。
不同類型的字型
您可以在網站中使用幾種字型類型。根據類型和下載需求，它們對網站載入速度和效能的影響程度各不相同。這三種字型類型分別為：
- 系統字型： 這些是極可能已存在於您和訪客裝置系統中的常見字型。由於大多數系統都已內建，因此無需下載即可在訪客裝置上顯現，也不會影響網站效能。
- 自訂字型： 自訂字型是您可以從任何第三方上傳並在 Wix 網站上使用的字型。這些字型是豐富網站體驗的個人化方式，但需要從伺服器下載才能在訪客瀏覽器中顯現。因此，這些字型可能會影響網站效能。
- Wix 提供的字型： 使用 Wix 建立和編輯網站時，您可能會注意到我們提供多種文字字型。其中一些是系統字型，而另一些則視為自訂字型，並會相應地影響網站載入速度。
總結：
- 系統字型最終載入速度比自訂字型快，因為系統中已存在這些字型。因此，這可以減少載入網站所需的請求數量，進而節省頻寬。
- 由於系統字型對網站速度的影響較小，建議盡可能使用系統字型代替自訂字型。
字型數量
在網站中使用字型時，請務必留意，使用多種不同的字型和字型類型可能會影響載入時間和整體效能。
系統字型無需下載，但自訂字型需要從伺服器下載才能在頁面上顯示。不同的自訂字型下載速度也可能不同，這會進一步影響網站的載入時間。
建議將頁面上的字型（包括系統字型和自訂字型）數量保持在 3 個以下，這有助於讓網站運作平滑。字型（和色彩）的一致性也有助於強化品牌，並保持網站外觀一致。
字型格式與動畫
不同的字型粗細（例如粗體、底線或斜體）也可能影響網站載入時間。請嘗試將頁面上的字型粗細數量控制在 3 個或以下，並將其用於特定用途（例如強調頁面上的某個文字區域）。
此外，動畫文字可能會影響文字的可讀性和 SEO。這是因為搜尋引擎無法讀取動畫文字。建議針對網站上的重要內容使用固定文字，並避免在首屏過度使用揭示動畫。
文字圖片
請盡可能避免使用包含文字的圖片。圖片文字在圖片載入時可能會顯得模糊，且無法被搜尋引擎翻譯或編目。請確保在網站中盡可能使用標準文字，以維持網站效能和 SEO 排名。
提示：
或者，建議為圖片新增替代文字。這讓搜尋引擎和螢幕助讀程式能夠「閱讀」圖片描述。
Studio 編輯器備援字型
請注意：
此功能僅適用於 Studio 編輯器。
若在 Studio 編輯器 網站上使用較大型的自訂字型，您可以啟用預設備援字型。備援字型載入速度較快，會在自訂字型於背景下載時，暫時在已上線網站上顯示。
備援字型可透過降低網站的 LCP（最大內容繪製）來最佳化頁面效能，進而改善 核心網路指標和 Google 搜尋排名。此外，更快顯示文字內容可提升訪客瀏覽網站時的體驗。了解啟用備援字型的方法
溫馨提示：
- 如果首屏（Above-the-fold）最大的元件是 文字元件，備援字型可縮短載入時間。
- 啟用備援字型時，系統會為 font-display CSS 描述元新增「swap」金額。此描述元會根據字型何時下載完成並可供使用，來決定字型的顯示方式。