Optimalizujte čas načítania formulárov pomocou osvedčených postupov pre návrh a skript

Formuláre, ktoré sa pomaly načítavajú, môžu znížiť produktivitu a záujem používateľov o ne. Týmito odporúčaniami maximalizujete rýchlosť načítavania formulárov. Mnohé z nich sa týkajú toho, ako vývojár implementuje formulárové skripty pre vašu organizáciu. Uistite sa, že tieto odporúčania prekonzultujete s vývojármi, ktorí vytvárajú formulárové skripty na formulároch.

Návrh formulára

Premýšľajte o interakcii používateľa s formulárom a množstve údajov, ktoré je potrebné v ňom zobraziť.

Udržujte počet polí na minime
Čím viac polí je na formulári, tým viac údajov je potrebné preniesť cez internet či intranet, aby sa mohol každý záznam zobraziť.

Formulárové skripty

Ak máte prispôsobenia pomocou formulárových skriptov, uistite sa, že vývojár rozumie týmto optimalizačným stratégiám.

Vyhnite sa používaniu synchrónnych požiadaviek Synchrónne požiadavky môžu spôsobiť pomalé načítanie stránok a nereagovanie formulárov. Namiesto toho použite asynchrónne požiadavky. Ďalšie príklady nájdete v tomto blogovom príspevku .

Vyhnite sa zahrnutiu nepotrebných knižníc webových zdrojov JavaScript
Čím viac skriptov pridáte na formulár, tým viac času zaberie ich preberanie. Skripty sa obyčajne pri prvom načítaní ukladajú do pamäte cache prehliadača, no výkon pri prvom načítaní formulára výrazne ovplyvňuje prvý dojem.

Vyhnite sa načítaniu všetkých skriptov v udalosti Onload
Ak máte kód, ktorý podporuje iba OnChange udalosti pre polia alebo OnSave udalosť, uistite sa, že ste nastavili knižnicu skriptov s obslužným programom udalostí pre tieto udalosti namiesto OnLoad udalosť. Takto sa načítanie týchto knižníc môže odložiť a zvýšiť tak výkon pri načítavaní samotného formulára.

Použite zbalené karty na odloženie načítania webových zdrojov
Ak sa v zbalenej karte nachádzajú webové zdroje alebo elementy IFRAMES, nenačítajú sa, pokiaľ karta ostane zbalená. Načítajú sa až pri rozbalení karty. Keď sa zmení stav karty, dôjde k udalosti TabStateChange . Akýkoľvek kód, ktorý je potrebný na podporu webových zdrojov alebo prvkov IFRAME na zbalených kartách, môže použiť obslužné nástroje udalostí pre udalosť TabStateChange a zredukovať kód, ktorý by sa inak mohol vyskytnúť v OnLoad udalosť.

Nastavte predvolené možnosti viditeľnosti
Vyhnite sa používaniu formulárových skriptov v OnLoad udalosti, ktoré skrývajú prvky formulára. Namiesto toho nastavte predvolenú viditeľnosť elementov formulára, ktoré majú byť skryté, tak, aby neboli viditeľné pri načítaní formulára. Potom použite skripty v OnLoad udalosti na zobrazenie tých prvkov formulára, ktoré chcete zobraziť. Ak sa prvky formulára nikdy nezobrazia, mali by byť z formulára odstránené a nie skryté.

Lišta alebo pás s nástrojmi

Pri úprave lišty alebo pásu s nástrojmi majte na pamäti tieto odporúčania.

Udržujte počet ovládacích prvkov na minime
Na lište či páse s nástrojmi formulára zhodnoťte, ktoré ovládacie prvky sú potrebné, a skryte všetky nepotrebné. Každý zobrazený ovládací prvok zvyšuje nároky na zdroje potrebné na prevzatie do prehliadača.

Použiť asynchrónne sieťové požiadavky vo vlastných pravidlách Pri použití vlastných pravidiel, ktoré vytvárajú sieťové požiadavky v Zjednotené rozhranie, použite asynchrónne vyhodnocovanie pravidiel.

Pozrite si tiež

Vytvárajte a navrhujte formuláre
Úvahy o dizajne hlavných foriem
Ako sa hlavné formuláre objavujú u rôznych klientov