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 pe 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ă OnChange evenimente numai pentru câmpuri sau eveniment, OnSave asigurați-vă că setați biblioteca de scripturi cu rutina de tratare a evenimentelor pentru acele evenimente, nu pentru 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 filele 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 modifică, TabStateChange evenimentul are loc. Orice cod necesar pentru a accepta resurse web sau IFRAME-uri în filele restrânse poate utiliza rutine de tratare a evenimentelor pentru evenimentul TabStateChange și poate reduce codul care altfel ar trebui să apară în OnLoad eveniment.

Setarea opțiunilor implicite de vizibilitate
Evitați utilizarea scripturilor OnLoad de formular în cazul în 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 caz pentru a afișa acele elemente de OnLoad formular pe care doriți să le afișați. Dacă elementele formei nu sunt niciodată vizibile, ele ar trebui eliminate din formular, mai degrabă decât ascunse.

Bara de comenzi sau panglica

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

Mențineț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.

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

Consultați și

Crearea și proiectarea formularelor
Considerații de proiectare pentru formularele principale
Cum apar formularele principale la diferiți clienți