Как браузер разделяет ресурсы на важные и неважные

Браузер определяет приоритет загрузки ресурсов на основе их типа и атрибутов: 1. **Критические ресурсы** (высокий приоритет): - HTML, CSS (особенно блокирующие рендеринг) - Скрипты без `async/defer` - Шрифты, указанные в `@font-face` 2. **Неблокирующие** (низкий приоритет): - Изображения (``) - iframes - Медиа (аудио/видео) - Скрипты с `async/defer` Пример приоритезации через атрибуты: ```html ``` Браузер также анализирует: - Расположение ресурса в DOM - Видимость в viewport (для изображений) - Предзагрузку через `` Chrome DevTools показывает приоритеты во вкладке Network (столбец Priority).