Po minuloročnom pridaní natívnej funkcie lenivého načítania obrázkov do prehliadača Chrome teraz Google umožňuje vývojárom lenivo načítať ťažké prvky iframe. Čítajte ďalej a dozviete sa viac!
Nárast návštevnosti webu od mobilných používateľov a ľudí na celom svete s obmedzenými možnosťami pripojenia prinútil spoločnosti a vývojárov výrazne optimalizovať rýchlosti načítania webových stránok. Tradične, keď prejdete na webovú stránku, stiahne a zobrazí všetok dostupný obsah: obrázky, ikony, GIFy, štýly, skripty atď. Ako si viete predstaviť, načítanie všetkých týchto vecí spôsobuje oneskorenie pri spustení webovej stránky, najmä pre používateľov s pomalým pripojením. Google sa tento problém už nejaký čas snaží odstrániť. Len minulý rok dodali funkcia lenivého načítavania obrázkov v prehliadači Google Chrome 76. Teraz Google prináša rovnakú funkciu do prvkov iframe.
Lenivé načítanie načítava obsah webovej stránky na požiadanie, čo znamená, že sa nestiahne a zobrazí, kým sa neposuniete nadol a nedostanete ich do zobrazenia, čím sa zníži počiatočné spustenie webovej stránky rýchlosť. Ako už bolo spomenuté, lenivé načítanie obrázkov je v prehliadači Chrome k dispozícii od minulého roka, ale teraz môžu vývojári použiť rovnakú metódu aj na prvkoch iframe. Ak ho chcete implementovať na svojom webe, stačí pridať
loading="lenivý" atribút k vašim obrázkom a/alebo prvkom iframe. Prehliadače ako Firefox a Safari už implementovali natívnu funkciu lenivého načítania obrázkov. Pokiaľ ide o prvky iframe, stále pracujú na odstránení niekoľkých chýb. Google tiež spomenul, že Chrome pre Android v zjednodušenom režime automaticky lenivo načítava obrázky a prvky iframe mimo obrazovku.Je iróniou, že počas testovania toho, ako by vkladanie videí YouTube (ktoré sú založené na prvkoch iframe) ovplyvnilo rýchlosť načítania webovej stránky pri lenivom načítaní, tím prehliadača Chrome zistil, že „ušetrili 10 sekúnd z toho, ako skoro budú naše stránky interaktívne na mobilných zariadeniach." Netreba dodávať, že lenivé načítanie má skutočné výhody oproti tradičnému spôsobu sťahovania celého obsahu webovej stránky hneď, ako ju navštívite.
Cena: zadarmo.
4.1.
Zdroj: web.dev
Cez: Techdows