Optimalisere skjemalastningstiden med gode fremgangsmåter for utforming og skript

Skjemaer som lastes inn langsomt, kan redusere produktiviteten og gjøre det vanskeligere for brukere å ta i bruk systemet. Følg disse anbefalingene for å få skjemaer til å lastes inn så raskt som mulig. Mange av disse anbefalingene er om hvordan en utvikler kan implementere skjemaskript for organisasjonen. Diskuter disse anbefalingene med utviklere som lager skjemaskript for skjemaene.

Skjemautforming

Tenk på hvordan brukeren skal bruke skjemaet, og mengden data som må vises i det.

Bruk så få felt som mulig
Jo flere felter du har i et skjema, jo flere data må overføres via Internett eller intranettet for å vise hver enkelt oppføring.

Skjemaskript

Når du har tilpassinger der skjemaskript brukes, må du passe på at utvikleren forstår disse strategiene, for å forbedre ytelsen.

Unngå å bruke synkrone forespørsler Synkrone forespørsler kan føre til at sider lastes tregt inn og at skjemaer ikke svarer. Bruk asynkrone forespørsler i stedet. Se dette blogginnlegget for flere eksempler.

Unngå å ta med unødvendige JavaScript-biblioteker
Jo flere skript du legger til i skjemaet, desto lengre tid tar det å laste dem ned. Skript hurtigbufres vanligvis i nettleseren etter at de er lastet inn første gang, men ytelsen første gang et skjema vises, kan ofte gjøre et betydelig inntrykk.

Unngå å laste alle skriptene i Onload-hendelsen
Hvis du har kode som bare støtter OnChange-hendelser for felt eller OnSave-hendelsen, må du passe på at du angir skriptbiblioteket med hendelsesbehandlingen for disse hendelsene i stedet for OnLoad-hendelsen. Dermed kan lasting av disse bibliotekene utsettes og ytelsen under innlasting av skjemaet økes.

Bruke skjulte kategorier til å utsette innlasting av webressurser
Når webressurser eller IFRAMES er tatt med i deler i en skjult kategori, lastes de ikke inn så lenge kategorien er skjult. De lastes inn når kategorien vises. Når kategoritilstanden endres, inntreffer hendelsen TabStateChange. Kode som kreves for å støtte webressurser eller IFRAMEs i skjulte kategorier, kan bruke hendelsesbehandling for hendelsen TabStateChange og redusere mengden kode som kanskje ellers måtte brukes i OnLoad-hendelsen.

Angi standardalternativer for synlighet
Unngå å bruke skjemaskript i OnLoad-hendelsen som skjuler skjemaelementer. Angi i stedet standardalternativer for synlighet for skjemaelementer som kan være skjult, slik at de ikke vises som standard når skjemaet lastes inn. Bruk deretter skript i OnLoad-hendelsen til å vise skjemaelementene du vil vise. Hvis skjemaelementene aldri blir synlige, bør de fjernes fra skjemaet i stedet for å skjules.

Kommandolinjen eller båndet

Ta hensyn til disse anbefalingene når du redigerer kommandolinjen eller båndet.

Bruk så få kontroller som mulig
Vurder hvilke kontroller du må ha på kommandolinjen eller båndet for skjemaet, og skjul de du ikke trenger. Hver kontroll som vises, øker mengden ressurser som må lastes ned til nettleseren.

Bruk asynkrone nettverksforespørsler i egendefinerte regler Når du bruker egendefinerte regler som gjør nettverksforespørsler i Enhetlig grensesnitt, bruk asynkron regelevaluering.

Se også

Opprette og utforme skjemaer
Utformingshensyn for hovedskjemaer
Hvordan hovedskjemaer vises i ulike klienter