След като миналата година добави естествената функция за отложено зареждане на изображения към Chrome, Google сега позволява на разработчиците да зареждат отложено тежки iframe. Прочетете, за да научите повече!
Увеличаването на уеб трафика от мобилни потребители и хора по целия свят с ограничени възможности за свързване накара компаниите и разработчиците да оптимизират силно скоростта на зареждане на уебсайта. Традиционно, когато навигирате до уеб страница, тя изтегля и показва цялото налично съдържание: изображения, икони, GIF файлове, стилове, скриптове и т.н. Както можете да си представите, зареждането на всички тези неща причинява забавяне при стартирането на уебсайта, особено за потребители с бавни връзки. Google се опитва да отстрани този проблем от известно време. Само миналата година, добавиха те функция за отложено зареждане на изображението в Google Chrome 76. Сега Google предоставя същата функционалност на iframes.
Мързеливото зареждане зарежда съдържанието на уеб страницата при поискване, което означава, че те няма да бъдат изтеглени и се показват, докато превъртите надолу и ги получите в изгледа, като по този начин намалявате първоначалното стартиране на уебсайта скорост. Както споменахме, мързеливото зареждане на изображения е налично в Chrome от миналата година, но сега разработчиците могат да използват същия метод и на iframes. За да го приложите на вашия собствен уебсайт, всичко, което трябва да направите, е да добавите
зареждане="мързелив" атрибут към вашите изображения и/или iframe елементи. Браузъри като Firefox и Safari вече са внедрили функцията за отложено зареждане на изображения. Що се отнася до вградените рамки, те все още работят за коригиране на няколко грешки. Google също така спомена, че Chrome за Android в олекотен режим автоматично зарежда изображения извън екрана и iframes.По ирония на съдбата, по време на тестването на начина, по който вгражданията на видеоклипове в YouTube (които са базирани на iframe) биха повлияли на скоростта на зареждане на уеб страницата при отложено зареждане, екипът на Chrome установи, че те "спестихме 10 секунди от това колко скоро нашите страници могат да бъдат интерактивни на мобилни устройства." Излишно е да казвам, че отложеното зареждане има реални предимства пред традиционния метод за изтегляне на цялото съдържание на уеб страницата веднага щом я посетите.
Цена: Безплатно.
4.1.
източник: web.dev
Чрез: Techdows