Начало распродаж · Скидка на доставку · Поступление новой коллекции

BELAYA KASKA / FEATURE

seoАвтор: Пуск‑Медиа (импорт)Просмотры: 3

decoding="async" у img: декодирование без блокировки отрисовки

Sync vs async decoding, когда это заметно на LCP и почему не панацея без оптимизации веса.

Изображение статьи: decoding="async" у img: декодирование без блокировки отрисовки

Атрибут decoding подсказывает браузеру, декодировать ли изображение синхронно перед paint (sync) или асинхронно (async, default в многих случаях).

Для LCP-изображения иногда пробуют sync на малых hero — измеряйте, эффект зависит от устройства.

- [HTML attribute: decoding — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#decoding) — Значения async, sync, auto.

---

## Приоритеты

Сначала width/height, fetchpriority и вес файла — decoding вторичен.

Не ставьте sync на десятки картинок — main thread может пострадать.

#изображения#HTML#производительность

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.