Renderöinnin estävät resurssit

Renderöintiä estävät resurssit ovat tiedostoja, jotka selaimen on ladattava ja käsiteltävä ennen kuin se voi näyttää sisältöä. Ne ovat pääasiassa dokumentin otsikossa viitattuja tyylitiedostoja ja jäsennyksen aikana kohdattuja synkronisia komentosarjoja, ja ne ovat yleisin syy siihen, miksi sivun avautuminen kestää kauemmin kuin sen sisältö edellyttää.

Tyylitiedostot estävät toiminnan perustellusta syystä. Sisällön maalaaminen ennen tyylien saatavuutta tuottaisi välähdyksen tyylittämätöntä sisältöä, jota seuraisi häiriöllinen uudelleenjuoksu, joten selaimet odottavat. Ongelmana ei ole tyylitiedostojen esto, vaan se, että sivustot lataavat tyypillisesti paljon enemmän tyylejä kuin alkuperäinen näkymä vaatii, mukaan lukien tyylit sivun alempana oleville komponenteille, muille malleille ja ominaisuuksille, joita kävijä ei ehkä koskaan käytä. Kaikki nämä on oltava valmiina ennen kuin mitään näytetään.

Skriptit estyvät, koska jäsennyksen aikana kohdattu skripti saattaa muokata dokumenttia, joten jäsennin pysähtyy, kunnes se on suoritettu. Useimmat skriptit eivät tarvitse tätä toimintaa: analytiikka, chat-widgetit, mukautustyökalut ja useimmat sovelluskoodit voidaan suorittaa dokumentin jäsentämisen jälkeen ilman virheettömyyden menetystä. Defer-attribuutin lisääminen sallii jäsentämisen jatkumisen ja suorittaa skriptit järjestyksessä sen jälkeen, kun taas async suorittaa ne heti niiden saapuessa ilman järjestyksen takuita.

Tyylitiedostojen vakioratkaisu on erottaa alkuperäisen näkymän vaatimat tyylit muista. Kriittinen osa on suoraan dokumentin sisällä, joten pyyntöä ei tarvita, ja loput ladataan tavalla, joka ei estä tiedostoja. Tämä on tehokasta ja lisää rakentamisen monimutkaisuutta, koska kriittinen joukko on luotava uudelleen aina, kun tyylit muuttuvat, ja vanhentunut kriittinen CSS tuottaa näkyviä vikoja.

Kolmannen osapuolen resurssit ovat usein suurimpia ja vaikeimmin hallittavia. Tagien hallintaohjelmat, suostumusalustat, fonttien tarjoajat, chat-työkalut ja testauskehykset lisätään tyypillisesti dokumentin otsikkoon estotoiminnolla, ja jokainen niistä vaatii yhteyden erilliseen lähteeseen. Kumulatiivinen viive on huomattava, ja koska eri tiimi lisäsi jokaisen perustellusta syystä, kukaan ei ole vastuussa kokonaiskustannuksista. Kokonaiskustannusten auditointi ja niiden kohdistaminen pyytävälle toiminnolle tekee kompromissista näkyvän.

Fontit vaativat erityistä käsittelyä, koska ne estävät tekstin renderöinnin sivun rakenteen sijaan. Näyttöstrategiasta riippuen teksti voi olla näkymätöntä fontin latauksen aikana, mikä tarkoittaa, että jo saapunut sisältö piilotetaan tarkoituksella. Strategian valitseminen, joka näyttää varatekstin välittömästi ja vaihtaa fontin saapuessa, sekä fonttien esilataus sivun yläosassa estää tilanteen, jossa sivu teknisesti renderöidään ja näyttää tyhjältä.

Todellisten kustannusten mittaaminen vaatii huolellisuutta, koska estävän resurssin poistaminen ei aina tuota ennustettua säästöä. Resurssit latautuvat rinnakkain, joten yhden poistaminen voi yksinkertaisesti tehdä toisesta rajoitteen, ja havaittu parannus on usein pienempi kuin yksittäisten arvioiden summa. Mittaamalla varmentaminen jokaisen muutoksen jälkeen ennustettuihin kokonaissummiin luottamisen sijaan pitää odotukset oikeina.

Todellisten esteiden tunnistaminen on suoraviivaista standardityökaluilla, jotka raportoivat estävät resurssit ja arvioivat kunkin korjaamisesta saatavat säästöt. Arvioita tulisi pitää suuntaa antavina eikä tarkkoina, koska yhden estävän resurssin poistaminen paljastaa usein, että todellinen rajoite oli toinen, ja parannukset on parasta varmistaa mittaamalla eikä olettamalla raportista.

Koska useat tiimit lisäävät yleensä resursseja ajan myötä, korjaavat toimet vaativat yhtä lailla hallintaa kuin suunnitteluakin. Käytännössä tarkastus ja priorisointi tapahtuvat samassa hankkeessa. verkkosuorituskyky työssä rakennusmuutokset toteutetaan tuotekehitys, ja päätökset siitä, mitkä kolmannen osapuolen työkalut oikeuttavat estokustannukset, edellyttävät sopimusta niitä pyytäneiden tiimien kanssa, mikä useimmille sivustoille tarkoittaa digitaalisen markkinoinnin osasto.