Potem ko je Google Chrome lani dodal izvorno funkcijo za leno nalaganje slik, zdaj razvijalcem omogoča leno nalaganje težkih okvirjev iframe. Berite naprej, če želite izvedeti več!
Povečanje spletnega prometa mobilnih uporabnikov in ljudi po vsem svetu z omejenimi zmožnostmi povezave je spodbudilo podjetja in razvijalce, da močno optimizirajo hitrosti nalaganja spletnih strani. Običajno, ko se pomaknete na spletno stran, prenese in prikaže vso razpoložljivo vsebino: slike, ikone, GIF-je, sloge, skripte itd. Kot si lahko predstavljate, nalaganje vseh teh stvari povzroči zamudo pri zagonu spletnega mesta, zlasti za uporabnike s počasnimi povezavami. Google že nekaj časa poskuša odpraviti to težavo. Še lani, so dodali funkcija odloženega nalaganja slik v brskalniku Google Chrome 76. Zdaj Google prinaša enako funkcionalnost v iframe.
Leno nalaganje naloži vsebino spletne strani na zahtevo, kar pomeni, da se ne prenese in prikazani, dokler se ne pomaknete navzdol in jih prikažete v pogledu, kar zmanjša začetni zagon spletnega mesta hitrost. Kot smo že omenili, je leno nalaganje slik v Chromu na voljo od lanskega leta, zdaj pa lahko razvijalci isto metodo uporabljajo tudi v iframeih. Če ga želite implementirati na svoje spletno mesto, morate samo dodati
nalaganje="len" atribut vašim slikam in/ali elementom iframe. Brskalniki, kot sta Firefox in Safari, so že implementirali izvorno funkcijo lenega nalaganja slik. Kar se tiče iframesov, še vedno delajo na odpravi nekaj napak. Google je tudi omenil, da Chrome za Android v načinu Lite samodejno leno naloži slike zunaj zaslona in iframe.Ironično je, da je ekipa Chroma med preizkušanjem, kako bi YouTube vdelani videoposnetki (ki temeljijo na iframe) vplivali na hitrost nalaganja spletne strani pri lenem nalaganju, ugotovila, da "prihranili 10 sekund časa, ko bodo naše strani lahko interaktivne na mobilnih napravah." Ni treba posebej poudarjati, da ima odloženo nalaganje resnične prednosti pred tradicionalno metodo prenosa celotne vsebine spletne strani takoj, ko jo obiščete.
Cena: brezplačno.
4.1.
Vir: web.dev
prek: Techdows