Что происходит с внешними ресурсами, которые браузер считывает при парсинге HTML?

Браузер отправляет отдельные HTTP-запросы для каждого внешнего ресурса, указанного в HTML (CSS-файлы, JavaScript-файлы, изображения, шрифты и т.д.). Эти запросы обрабатываются параллельно для оптимизации загрузки. До получения ответа на запрос браузер может продолжать парсинг HTML, но не может применить стили из внешнего CSS или выполнить скрипты из внешнего JavaScript до их загрузки.

Для оптимизации обработки этих ресурсов применяются различные механизмы:

• Кэширование: Браузер может хранить копии ресурсов на локальном диске и использовать их при повторных запросах, уменьшая время загрузки.
• Приоритет загрузки: Браузер определяет порядок загрузки ресурсов, отдавая приоритет тем, которые необходимы для быстрого отображения видимой части страницы (Critical Rendering Path).
• Preload и Preconnect: Механизмы для заблаговременной загрузки или установления соединений с ресурсами, которые понадобятся позже.
• Отложенная загрузка (Lazy Loading): Ресурсы, такие как изображения, могут загружаться только тогда, когда они становятся видимыми в окне браузера.
• Минификация и сжатие: Уменьшение размера ресурсов перед их передачей по сети.