Атрибут loading устанавливает, как браузер должен загружать содержимое фреймов, которые располагаются за пределами видимой области.
По умолчанию браузер загружает документ целиком со всеми фреймами (рис. 1). При отложенной загрузке браузер отображает фреймы, которые в данный момент видны пользователю (рис. 2). Остальные фреймы не загружаются и их отображение начинается только при прокрутке веб-страницы в тот момент, когда они становятся видны. Тем самым происходит ускорение загрузки видимой области.
Рис. 1. Обычная загрузка фреймов
Рис. 2. Отложенная загрузка фреймов
Синтаксис
<iframe loading="eager | lazy"></iframe>
Значения
- eager
- Содержимое фрейма загружается немедленно.
- lazy
- Содержимое фрейма загружается только тогда, когда фрейм оказывается в видимой области страницы.
Значение по умолчанию
eager
Пример
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>loading</title>
</head>
<body>
<p><iframe src="page/glass.html" loading="lazy"></iframe></p>
<p><iframe src="page/ingredient.html" loading="lazy"></iframe></p>
<p><iframe src="page/cocktail.html" loading="lazy"></iframe></p>
</body>
</html>
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.