Share via


使用設計及指令碼最佳做法,最佳化表單載入時間

緩慢載入的表單會影響產能和使用者使用。 遵循這些建議,最大化表單載入速度。 許多這些建議有關開發人員如何為組織來實作表單指令碼。 請務必與建立表單指令碼的開發人員討論這些建議。

表格設計

思考使用者將與表單進行的互動,以及必須在表單中顯示的資料量。

將欄位數降到最低
表單中有越多欄位,需要透過網際網路或內部網路傳輸越多資料,以檢視每個記錄。

表單指令碼

當您有使用表單指令碼的自訂時,確認開發人員了解這些策略來改善效能。

避免使用同步要求:同步要求可能會導致頁面載入速度變慢以及表單無回應。 改為使用非同步要求。 如需詳細資訊,請參閱 這篇部落格文章

避免包含不必要的 JavaScript Web 資源程式庫
越多指令碼加入至表單,下載這些表單需要越多時間。 通常指令碼在第一次載入後於瀏覽器中快取,不過,第一次顯示表單時的效能通常令人印象最深刻。

避免在 Onload 事件中載入所有指令碼
如果您有只支援欄位之 OnChange 事件或 OnSave 事件的程式碼,請確保設定具有這些事件之事件處理常式的指令碼程式庫,而不是 OnLoad 事件。 如此一來,當表單載入時,載入這些程式庫可以順延並提升效能。

使用摺疊的索引標籤,將 Web 資源載入順延
當 Web 資源或 IFRAME 包含在摺疊索引標籤內的區段中,如果索引標籤摺疊,它們不會載入。 當這個索引標籤展開時,它們會載入。 當索引標籤狀態變更時,會發生 TabStateChange 事件。 支援摺疊的索引標籤內 Web 資源或 IFRAME 所需的所有程式碼都可以使用 TabStateChange 事件的事件處理常式,而減少 OnLoad 事件可能必須產生的程式碼。

設定預設可視性選項
避免在 OnLoad 事件中使用隱藏表單元素的表單指令碼。 而是針對表單載入時預設會隱藏的表單元素,設定預設可視性選項。 然後,在 OnLoad 事件中使用指令碼以顯示您要顯示的表單元素。 如果表單元素永遠不會設定為可見,則應將其從表單移除,而不是隱藏。

命令列或功能區

當您編輯命令列或功能區時,請記住這些建議。

將控制項數目降到最低
在表單的命令列或功能區中,評估哪些控制項為必要項並隱藏任何不需要的控制項。 顯示的每個控制項會增加下載至瀏覽器時所需的資源。

在自訂規則中使用非同步網路要求:在整合介面中使用進行網路要求的自訂規則時,請使用非同步規則評估

請參閱

建立及編輯表單
主要表單的設計考量
主要表單在不同用戶端中顯示的方式