Kritisk gjengivelsessti

Den kritiske gjengivelsesstien er rekkefølgen av trinn en nettleser må fullføre mellom mottak av en side og visning av noe på skjermen. Det innebærer å analysere markupen til en dokumentstruktur, analysere stilarkene til en stilstruktur, kombinere de to til et gjengivelsestre, beregne layouten og male resultatet. Å forstå den forklarer hvorfor noen ressurser forsinker den første visningen av innhold og andre ikke.

Stilark blokkerer gjengivelsen i sin design, og dette er bevisst snarere enn en feil. En nettleser som tegnet før stiler var tilgjengelige, ville vise ustilt innhold og deretter endre flyten, noe som er verre enn en kort forsinkelse. Den praktiske konsekvensen er at hvert stilark som det refereres til i dokumenthodet må lastes ned og behandles før noe vises, så antallet, størrelsen og leveringshastigheten til stilark bestemmer direkte når siden blir synlig.

Skript blokkerer parsing med mindre annet er merket, noe som er den andre store kilden til forsinkelse. Et synkront skript som oppstår under parsing, stopper dokumentkonstruksjonen inntil det er lastet ned og kjørt, fordi det kan endre dokumentet. Å merke skript som utsatt lar parsingen fortsette og kjører dem etter at dokumentet er fullført. Å merke dem som asynkrone lar kjøring skje så snart de ankommer. Å velge riktig attributt for hvert skript er blant de billigste tilgjengelige forbedringene.

Å forkorte stien innebærer å redusere både antall rundturer og arbeidet som kreves i hvert trinn. Å legge inn stilene som trengs for den første visningen fjerner en blokkeringsforespørsel fullstendig, mens resten lastes inn uten blokkering. Utsettelse av skript som ikke er nødvendige for den første gjengivelsen, minimering og komprimering av ressurser, og eliminering av omdirigeringer som legger til komplette rundturer før noe begynner, reduserer tiden som går før første maling.

Ressurshint lar nettleseren starte arbeidet tidligere enn oppdagelsen tillater. Forhåndslasting erklærer at en ressurs som oppdages sent i dokumentet, for eksempel en skrifttype referert fra et stilark eller et hovedbilde brukt via CSS, vil være nødvendig, så nedlastingen starter umiddelbart. Forhåndstilkobling etablerer tilkoblinger til tredjeparts kilder på forhånd, og fjerner tilkoblings- og forhandlingsoverhead fra det kritiske øyeblikket. Brukt selektivt hjelper disse; brukt vilkårlig konkurrerer de om båndbredde og gjør vondt verre.

Skrifter fortjener spesiell oppmerksomhet fordi de ligger på banen og oppdages sent. En webskrift som det refereres til fra et stilark, kan ikke begynne å lastes ned før stilarket er behandlet, og avhengig av visningsstrategien kan teksten være usynlig før den ankommer. Dette løses ved å forhåndslaste skriftene som brukes over bretten, velge en visningsstrategi som viser reservetekst umiddelbart, og matchende reserveberegninger for å redusere omskriving av tekstflyt.

Klientsidegjengivelse forlenger banen betraktelig, og det er derfor det krever bevisst tiltaksreduksjon. Når det opprinnelige dokumentet ikke inneholder noe innhold, og alt må konstrueres av JavaScript, inkluderer banen nedlasting, parsing og kjøring av pakken, og deretter henting av data, før noe vises. Serversidegjengivelse eller statisk generering returnerer meningsfullt innhold til den opprinnelige banen, som er den strukturelle løsningen snarere enn en optimalisering.

Fordi banen bestemmes av hvordan siden er konstruert og levert, krever forbedring vanligvis endringer i maler og byggeprosesser snarere enn konfigurasjon. I praksis foregår denne analysen innenfor nettytelse arbeid, implementeringen leveres gjennom produktutvikling, og der et nettsteds gjengivelsesmetode er den underliggende begrensningen, blir diskusjonen en arkitektonisk diskusjon om hvordan sider produseres snarere enn en finjusteringsøvelse.