Optimitzar el temps de càrrega de formularis amb pràctiques recomanades de disseny i script

Els formularis que es carreguen lentament poden reduir la productivitat i l'adopció per part de l'usuari. Seguiu aquestes recomanacions per maximitzar com de ràpid es carregaran els vostres formularis. Moltes d'aquestes recomanacions són sobre com un desenvolupador pot implementar scripts de formularis per a la vostra organització. Assegureu-vos de discutir aquestes recomanacions amb desenvolupadors que creen scripts de formularis per als vostres formularis.

Disseny de formulari

Penseu en la interacció que l'usuari tindrà amb el formulari i la quantitat de dades que hi ha de visualitzar.

Mantingueu el nombre de camps al mínim
Com més camps tingueu en un formulari, més dades caldrà transferir per Internet o intranet per veure cada registre.

Scripts de formularis

Quan tingueu personalitzacions que utilitzin scripts de formularis, assegureu-vos que el desenvolupador entén aquestes estratègies per millorar el rendiment.

Eviteu utilitzar sol·licituds síncrones Les sol·licituds síncrones poden provocar càrregues lentes de pàgines i formularis que no responen. Utilitzeu sol·licituds asíncrones. Vegeu aquesta entrada del bloc per obtenir més exemples.

Evitar incloure biblioteques de recursos web JavaScript innecessàries
Com més guions afegiu al formulari, més temps es trigarà a descarregar-los. Normalment es scripts es desen a la memòria cau del navegador després que es carreguin la primera vegada, però el rendiment la primera vegada que es visualitza un formulari crea sovint una impressió significativa.

Eviteu carregar tots els scripts a l'esdeveniment Onload
Si tens codi que només admet OnChange esdeveniments per als camps o l'esdeveniment OnSave , assegura't de definir la biblioteca de scripts amb el gestor d'incidències per a aquests esdeveniments en lloc de l'esdeveniment OnLoad . D'aquesta manera, la càrrega de biblioteques es pot ajornar i es pot augmentar el rendiment quan es carrega el formulari.

Utilitzar pestanyes replegades per ajornar la càrrega de recursos web
Quan els recursos web o IFRAMES s'inclouen a seccions dins d'una pestanya reduïda, no es carregaran si la pestanya està reduïda. Es carregaran quan la pestanya s'expandeixi. Quan l'estat de la pestanya canvia, es produeix l'esdeveniment TabStateChange . Qualsevol codi necessari per admetre recursos web o IFRAMEs dins de pestanyes replegades pot utilitzar controladors d'incidències per a l'esdeveniment TabStateChange i reduir el codi que d'altra manera podria haver de passar en l'esdeveniment OnLoad .

Definir les opcions de visibilitat predeterminades
Eviteu utilitzar scripts de formulari en el OnLoad cas que amaguin elements de formulari. En canvi, configureu les opcions de visibilitat per defecte per a elements de formulari que podrien amagar-se per no ser visibles per defecte quan es carrega el formulari. A continuació, utilitza scripts a l'esdeveniment OnLoad per mostrar els elements de formulari que vols mostrar. Si els elements de formulari mai no es fan visibles, s'han d'eliminar del formulari en lloc d'ocultar-los.

Barra d'ordres o franja

Manteniu aquestes recomanacions en ment quan editeu la barra d'ordres o la franja.

Mantingueu el nombre de controls al mínim
Dins la barra d'ordres o la franja per al formulari, avalueu quins controls són necessaris i amagueu els que no necessiteu. Tots els controls que es mostren augmenten els recursos que necessiteu per descarregar al navegador.

Utilitzar sol·licituds de xarxa asíncrones a les regles personalitzades Quan utilitzeu regles personalitzades que facin sol·licituds de xarxa a Interfície unificada, utilitzeu l'avaluació asíncrona de regles.

Consulteu també

Crear i dissenyar formularis
Consideracions de disseny per als formularis principals
Com apareixen els formularis principals en diferents clients