Optimizați timpul de încărcare a formularului cu cele mai bune practici de proiectare și script

Formularele care se încarcă lent pot reduce productivitatea și gradul de adoptare de către utilizatori. Urmați aceste recomandări pentru a maximiza viteza de încărcare a formularelor. Multe dintre aceste recomandări sunt despre modul în care un dezvoltator poate implementa scripturi de formular pentru organizația dvs. Nu uitați să discutați aceste recomandări cu dezvoltatorii care crează scripturi de formular pentru formulare.

Designul formularelor

Gândiți-vă la interacțiunea utilizatorului cu formularul și la cantitatea de date care trebuie afișate în cadrul acestuia.

Păstrați numărul de câmpuri la minimum
Cu cât aveți mai multe câmpuri într-un formular, cu atât veți avea mai multe date care trebuie transferate prin internet sau intranet pentru a vizualiza fiecare înregistrare.

Scripturile de formulare

Atunci când aveți particularizări care folosesc scripturi de formular, asigurați-vă că dezvoltatorul înțelege aceste strategii pentru a îmbunătăți performanța.

Evitați utilizarea solicitărilor sincrone Solicitările sincrone pot cauza încărcări lente ale paginilor și formulare care nu răspund. Folosiți în schimb solicitări asincrone. Consultați această postare de blog pentru mai multe exemple.

Evitați includerea bibliotecilor de resurse web JavaScript inutile
Cu cât adăugați mai multe scripturi la formular, cu atât va dura mai mult timp descărcarea lor. De obicei, scripturile sunt memorate în cache în browser după ce sunt încărcate, prima dată, dar performanța de la prima vizualizare a unui formular creează adesea o impresie semnificativă.

Evitați încărcarea tuturor scripturilor în evenimentul Onload
Dacă aveți cod care acceptă numai OnChange evenimente pentru câmpuri sau OnSave eveniment, asigurați-vă că setați biblioteca de scripturi cu handlerul de evenimente pentru acele evenimente în loc de OnLoad eveniment. În acest mod, încărcarea bibliotecilor poate fi amânată și crește performanța atunci când se încarcă formularul.

Utilizați file restrânse pentru a amâna încărcarea resurselor web
Atunci când resursele web sau IFRAME-urile sunt incluse în secțiuni din interiorul unei filă restrânse, acestea nu vor fi încărcate dacă fila este restrânsă. Ele vor fi încărcate atunci când fila este extinsă. Când starea filei se schimbă, are loc TabStateChange evenimentul. Orice cod care este necesar pentru a suporta resurse web sau IFRAME din filele restrânse poate folosi handlere de evenimente pentru TabStateChange eveniment și poate reduce codul care altfel ar trebui să apară în OnLoad eveniment.

Setați opțiunile implicite de vizibilitate
Evitați să utilizați scripturi de formular în OnLoad eveniment care ascund elemente de formular. În schimb, setați opțiunile de vizibilitate implicite pentru elemente de formular care ar putea fi ascunse, pentru a nu fi vizibile în mod implicit atunci când se încarcă formularul. Apoi, utilizați scripturi în OnLoad eveniment pentru a afișa acele elemente de formular pe care doriți să le afișați. Dacă elementele formularului nu sunt niciodată vizibile, ele ar trebui să fie eliminate din formular și nu ascunse.

Bara de comenzi sau panglica

Rețineți aceste recomandări atunci când editați bara de comenzi sau panglica.

Păstrați numărul de controale la minimum
În bara de comandă sau panglica pentru formular, evaluați ce controale sunt necesare și ascundeți-le pe cele de care nu aveți nevoie. Fiecare control afișat mărește numărul de resurse care trebuie descărcate pe browser.

Utilizați solicitări de rețea asincrone în Reguli personalizate Când folosiți reguli personalizate care fac solicitări de rețea în Interfață unificată, utilizați evaluarea regulilor asincrone.

Consultați și

Creați și proiectați formulare
Considerații de proiectare pentru formele principale
Cum apar formele principale la diferiți clienți