![Какие-то уроки [Frontend]](/_next/image?url=https%3A%2F%2Fcdn.tgdio.com%2Fchannels%2F2026%2F04%2FkakieToYroki.webp&w=3840&q=75)
Какие-то уроки [Frontend]
PublicНе можете присоединиться? @kakieToYroki
2.1k Участники
Обновлено: May 18, 2026 at 10:21 AM
Какие-то уроки [Frontend]
Loading...
Рейтинг
Требуется вход
Loading...
Loading recommended channels...
![Какие-то уроки [Frontend]](/_next/image?url=https%3A%2F%2Fcdn.tgdio.com%2Fchannels%2F2026%2F04%2FkakieToYroki.webp&w=3840&q=75)
Не можете присоединиться? @kakieToYroki
@kakieToYroki offers specialized information about Вирусные видео for subscribers interested in Вирусные видео
Пока нет отзывов. Будьте первым, кто поделится своим опытом!
Происходит 3 этапа:
• Загрузка файла (network)
• Декодирование (JPEG/PNG -> пиксели в памяти)
• Отрисовка на экран
⚠️ Важно: декодирование происходит в отдельном потоке и само по себе не блокирует основной поток.
Но!
Перед тем как браузер нарисует следующий кадр страницы, он может решить:
1. подождать, пока изображение будет готово
2. не ждать и показать всё остальное сразу
И вот именно этим управляет decoding.
Простой пример:
Text A
Text B
decoding="sync" -> браузер подождет, пока изображение полностью декодируется, чтобы показать его вместе с остальным контентом в одном кадре decoding="async" -> браузер не будет ждать - он отрендерит текст сразу, а изображение дорисует позже отдельным обновлением 👉🏻 Лучше всего использовать это для второстепенных картинок, чтобы как можно быстрее показать основной контент. P. S. Если вы используете NextJS, то у компонента Image этот атрибут итак https://nextjs.org/docs/app/api-reference/components/image#decoding https://nextjs.org/docs/app/api-reference/components/image#decoding Вам ничего делать не нужно Источник: https://www.tunetheweb.com/blog/what-does-the-image-decoding-attribute-actually-do #html