網站效能：網站的 DOM 順序

網站的 DOM 順序是指頁面元件的閱讀順序。此順序對於使用索引標籤金鑰或螢幕助讀程式等輔助技術的訪客非常重要，因為這決定了他們檢視這些元件或與其互動的順序。

建議確保 DOM 順序與頁面元件的視覺順序一致，讓每位訪客都能輕鬆瀏覽網站。除了提升無障礙功能外，使載入順序一致還能防止網站出現版面配置問題。

DOM 決定了網站元件載入的順序。若 DOM 順序與元件的視覺順序不符，可能會影響網站的載入速度。

例如，若按鈕顯現在頁面底部，但在 DOM 順序中排名第一，則會比其上方的元件先載入。隨著其他內容載入，頁面版面配置可能會偏移或移動以容納其他元件。

此外，若訪客在其他內容載入時嘗試點擊該按鈕，可能會誤選其他元件，並被導向至其他頁面或區段。

網站的 DOM 順序應與頁面的視覺順序以及語言的閱讀順序（由左至右或由右至左）一致，以確保載入正確，並為訪客提供更平滑的體驗。

桌面版編輯器網站已自動啟用自動 DOM 順序。這代表對元件視覺順序所做的任何變更都會自動套用至 DOM 順序，因此無需進行任何操作。

使用桌面版編輯器建立網站時，系統會同時建立行動版網站。行動版網站的 DOM 順序也會自動排列，無需手動變更。

在 Studio 編輯器中建立的網站會自動啟用自動 DOM 順序。新增、對齊和調整元件大小時，順序會自動重新排列，因此在操作過程中應能保持最佳化狀態。

您可以在 Studio 編輯器網站上停用自動 DOM，並根據需要進行手動變更。瞭解更多關於 Studio 編輯器 DOM 順序的資訊。