Pärast seda, kui eelmisel aastal lisati Chrome'ile piltide laisa laadimise funktsioon, laseb Google nüüd laiskadel arendajatel laadida raskeid iframe. Loe edasi, et rohkem teada saada!
Mobiilikasutajate ja piiratud ühendusvõimalustega inimeste veebiliikluse suurenemine kogu maailmas sundis ettevõtteid ja arendajaid veebisaitide laadimiskiirusi oluliselt optimeerima. Traditsiooniliselt laadib see veebilehele navigeerimisel alla ja kuvab kogu saadaoleva sisu: pildid, ikoonid, GIF-id, stiilid, skriptid ja nii edasi. Nagu võite ette kujutada, põhjustab kogu selle kraami laadimine veebisaidi käivitumisel viivitusi, eriti aeglase ühendusega kasutajatele. Google on seda probleemi mõnda aega püüdnud kõrvaldada. Just eelmisel aastal, lisasid nad piltide laisa laadimise funktsioon Google Chrome 76-s. Nüüd toob Google sama funktsiooni ka iframe'idesse.
Laisk laadimine laadib veebilehe sisu nõudmisel, mis tähendab, et seda ei laadita alla ja kuvatakse seni, kuni kerite alla ja jõuate need vaatesse, vähendades seega veebisaidi esialgset käivitamist kiirust. Nagu mainitud, on piltide laisk laadimine olnud Chrome'is saadaval alates eelmisest aastast, kuid nüüd saavad arendajad kasutada sama meetodit ka iframe'ides. Selle oma veebisaidil juurutamiseks pole vaja teha muud, kui lisada
laadimine = "laisk" atribuut teie piltidele ja/või iframe'i elementidele. Sellised brauserid nagu Firefox ja Safari on juba juurutanud loomuliku pildi laisa laadimise funktsiooni. Mis puutub iframe'idesse, siis nad töötavad endiselt paari vea parandamise nimel. Google mainis ka, et Chrome Androidile laadib lihtrežiimis automaatselt laiskekraaniväliseid pilte ja iframe.Irooniline on see, et katsetades, kuidas YouTube'i videote manustused (mis on iframe-põhised) mõjutavad veebilehe laadimiskiirust laisklaadimisel, avastas Chrome'i tiim, et "säästsime 10 sekundit sellest, kui kiiresti võivad meie lehed olla mobiilseadmetes interaktiivsed.Ütlematagi selge, et laisal laadimisel on tõelisi eeliseid võrreldes traditsioonilise meetodiga, milleks laaditakse kogu veebilehe sisu kohe alla, kui seda külastate.
Hind: tasuta.
4.1.
Allikas: web.dev
Läbi: Techdows