- MDN: Изображения в HTML (
<img>, alt) - MDN:
<picture>и адаптивные изображения - MDN: Видео и аудио (
<video>,<audio>) - web.dev: Сдвиг макета (CLS) и размеры картинок
- web.dev:
loading="lazy"для изображений
Совет: открывайте примеры в DevTools (F12) и смотрите вкладку Network — там видно, какие медиа-файлы и в каком порядке загрузил браузер.