Как работает ленивая загрузка iframe?

Ленивая загрузка iframe работает благодаря атрибуту loading со значением lazy. ru.megaindex.com rocket-academy.pro Этот атрибут указывает браузеру, что загрузку iframe следует откладывать до востребования, то есть пока iframe не попадает в окно просмотра. ru.megaindex.com

Атрибут loading поддерживает три значения: ru.megaindex.com

1. lazy — загрузка контента по требованию. ru.megaindex.com
2. eager — обязательная загрузка. ru.megaindex.com
3. auto — загрузка по решению браузера. ru.megaindex.com

По умолчанию браузеры и краулер Google обрабатывают страницы по методу eager, поэтому атрибут loading=lazy нужно прописывать обязательно. ru.megaindex.com

Есть критерии, при которых ленивая загрузка iframe работать не будет: ru.megaindex.com

• Размер по ширине и высоте iframe составляет 4 пикселя или меньше. ru.megaindex.com
• Блок скрыт с использованием тегов display: none или visibility: hidden. ru.megaindex.com
• iframe вынесен за пределы экрана через отрицательное положение по X или Y. ru.megaindex.com