Kaip veikia tingus krovimas?
Įprastas HTML vaizdas atrodo taip:
<img src="sample.jpg" width="100%"/>Tingiai įkeliami papildiniai perrašo kodą taip:
<img data-src="sample.jpg" width="100%"/>Kaip pastebėjai,srcatributas pakeistas įdata-src.
Nes nesrc, naršyklė iš pradžių neįkelia šio vaizdo. Vėliau nedidelis „JavaScript“ kodas patikrina, ar vaizdas yra peržiūros srityje (vartotojo peržiūros srityje), ir ar jis yra viduje,data-srcgrįžta prie tosrckuri naršyklė suaktyvina vaizdo atsisiuntimą ir rodymą.
Kas yra vietinis tingus įkėlimas?
„Chrome“ pateikiamas „vietinis tingus įkėlimas“. Apie tai galite paskaityti čia.
Vietinis tingus įkėlimas turi pranašumą, kad nereikia „JavaScript“ ir paprastai yra daug greitesnis, nes naršyklė tai atlieka „natūraliai“.
Kodas atrodo taip:
<img src="sample.jpg" loading="lazy" width="100%"/>Kas yra skraidantys vaizdai?
„Flying Images“ yra didelio našumo tingus įkėlimo papildinys. Jis naudoja naršyklės „gimtąjį“ tingų įkėlimą, jei įmanoma, kitu atveju naudokite įprastą „JavaScript“, kad būtų įkeltas tingus.
Flying Images taip pat gali įkelti vaizdus, kol vaizdai net nepasirodo peržiūros srityje.
Ar bijote tingaus įkėlimo, nes tai kenkia vartotojo patirčiai?
Kuo skraidantys vaizdai skiriasi nuo kitų tingaus įkėlimo įskiepių?
- Naudoja įmontuotą tingų įkėlimą – jei įmanoma, naudokite įmontuotą tingų įkėlimą (šiuo metu palaikoma tik „Chrome“), kitu atveju naudokite „JavaScript“ vaizdams tingiai įkelti.
- Prieš įeidami į peržiūros sritį, įkelkite vaizdus - kai kiti papildiniai įkelia vaizdus, kai jie yra peržiūros srities „viduje“, skraidantys vaizdai įkelia juos, kai jie ruošiasi patekti į peržiūros sritį.
- Mažas JavaScript - tik 0,5 KB, suspaustas, sumažintas.
- Jei pageidaujate, galite naudoti tik vietinę – norite palaikyti tik „Chrome“? Galite pereiti į „tik vietinį“, kuris neįveda „JavaScript“.
- Perrašo visą HTML kodą - Niekada nepraleiskite vaizdo dėl tingaus įkėlimo (net jei jį pridėjo galerijos papildiniai).
- Skaidrus užpildas - prie visų vaizdų pridedamas mažas skaidrus pagrindas64. Nebemirksėjimo įkeliant vaizdus.
- Išskirkite raktinius žodžius - Beveik visi tingaus įkėlimo papildiniai suteikia išskyrimo funkciją, tačiau skraidantys vaizdai taip pat gali neįtraukti vaizdų iš pirminio vaizdo mazgo. Naudinga, jei jūsų paveikslėlyje nėra klasės pavadinimo.
- Palaiko naršykles su išjungtais IE ir JavaScript - visi vaizdai įkeliami akimirksniu, jei tai yra „Internet Explorer“ arba net jei „JavaScript“ yra visiškai išjungtas (naudojant
noscriptžyma).
