sl.allworldrating.com
Članki

Flying Images je visoko zmogljiv vtičnik za leno nalaganje.

Kako deluje leno nalaganje?

Običajna slika HTML izgleda takole:

<img src="sample.jpg" width="100%"/>

Vtičniki za leno nalaganje kodo prepišejo takole:

<img data-src="sample.jpg" width="100%"/>

Kot ste opazili,srcatribut je bil spremenjen vpodatki-src.

Ker nesrc, brskalnik sprva ne naloži te slike. Kasneje majhna koda JavaScript preveri, ali je slika v vidnem polju (uporabnikovem vidnem polju) in če je notri,podatki-srcse vrača k temusrckateri brskalnik sproži prenos in prikaz slike.

Kaj je native leno nalaganje?

Chrome ima "native leny loading". O tem si lahko preberete tukaj.

Native leno nalaganje ima prednost, da ni potrebe po JavaScriptu in je na splošno veliko hitrejše, saj brskalnik to počne "izvirno".

Koda izgleda takole:

<img src="sample.jpg" loading="lazy" width="100%"/>

Kaj so leteče slike?

Flying Images je visoko zmogljiv vtičnik za leno nalaganje. Uporablja "domače" leno nalaganje brskalnika, če je na voljo, sicer pa za leno nalaganje uporabite običajen JavaScript.

Flying Images lahko tudi naloži slike, preden se slike sploh pojavijo v vidnem polju.

Se bojite lenega nalaganja, ker škodi uporabniški izkušnji?

Kako se leteče slike razlikujejo od drugih vtičnikov za leno nalaganje?

  • Uporablja vgrajeno leno nalaganje - uporabite vgrajeno leno nalaganje, če je na voljo (trenutno podprto samo v Chromu), sicer uporabite JavaScript za leno nalaganje slik.
  • Naložite slike, preden vstopite v vidno polje - medtem ko drugi vtičniki naložijo slike, ko so "znotraj" vidnega polja, jih leteče slike naložijo, ko bodo tik pred vstopom v vidno polje.
  • Majhen JavaScript - samo 0,5 KB, stisnjeno, zmanjšano.
  • Po želji lahko uporabite samo native – želite podpirati samo Chrome? Preklopite lahko na "samo native", ki ne vbrizga JavaScript.
  • Ponovno napiše vso kodo HTML - nikoli ne zamudite slike zaradi lenega nalaganja (tudi če jo dodajo vtičniki galerije).
  • Prozorno polnilo - vsem slikam je dodana drobna prozorna osnova64. Nič več utripanja pri nalaganju slik.
  • Izključi ključne besede - Skoraj vsi vtičniki za leno nalaganje nudijo funkcijo izključitve, vendar lahko leteče slike izključijo slike iz nadrejenega vozlišča slike. Uporabno, če vaša slika nima imena razreda.
  • Podpira brskalnike z onemogočenimi IE in JavaScript - vse slike se takoj naložijo, če gre za Internet Explorer ali če je JavaScript popolnoma onemogočen (z uporabonoscriptoznaka).

Zanimivi Članki