Google Chrome nyní podporuje prvky iframe pro líné načítání pro urychlení načítání stránek

Nárůst webového provozu od mobilních uživatelů a lidí po celém světě s omezenými možnostmi připojení přiměl společnosti a vývojáře k výrazné optimalizaci rychlosti načítání webových stránek. Tradičně, když přejdete na webovou stránku, stáhne a zobrazí veškerý dostupný obsah: obrázky, ikony, GIFy, styly, skripty a tak dále. Jak si dokážete představit, načítání všech těchto věcí způsobuje zpoždění při spouštění webu, zejména pro uživatele s pomalým připojením. Google se tento problém již nějakou dobu snaží odstranit. Zrovna loni, dodali funkce líného načítání obrázků v Google Chrome 76. Nyní Google přináší stejnou funkcionalitu do prvků iframe.

Líné načítání načte obsah webové stránky na vyžádání, což znamená, že nebude stažen a zobrazeny, dokud se neposunete dolů a nedostanete je do zobrazení, čímž se sníží počáteční spuštění webu Rychlost. Jak již bylo zmíněno, líné načítání obrázků je v Chrome k dispozici od minulého roku, ale nyní mohou vývojáři použít stejnou metodu i na iframe. Chcete-li jej implementovat na vlastní web, stačí přidat

loading="líný" atribut k vašim obrázkům a/nebo prvkům iframe. Prohlížeče jako Firefox a Safari již implementovaly nativní funkci líného načítání obrázků. Pokud jde o prvky iframe, stále pracují na opravě několika chyb. Google také zmínil, že Chrome pro Android ve zjednodušeném režimu automaticky líně načítá obrázky a prvky iframe mimo obrazovku.

Je ironií, že během testování, jak by vkládání videí na YouTube (které jsou založeny na prvcích iframe) ovlivnilo rychlost načítání webové stránky při líném načítání, tým Chrome zjistil, že „ušetřili 10 sekund z toho, jak brzy budou naše stránky interaktivní na mobilních zařízeních."Netřeba dodávat, že líné načítání má skutečné výhody oproti tradiční metodě stahování celého obsahu webové stránky, jakmile ji navštívíte.

---

Zdroj: web.dev

Přes: Techdows