Что не блокирует парсинг HTML

Тип вопроса: HTML Вероятность: 10% Категория: Frontend Developer

Ответ

Браузер продолжает парсинг HTML при:

Загрузке скриптов с атрибутами async или defer
Картинках, стилях, iframe, видео (но они могут блокировать рендеринг)
Скриптах, добавленных динамически через document.createElement('script')

Пример:

<script async src="script.js"></script> <!-- Не блокирует парсинг -->
<script defer src="script.js"></script> <!-- Выполнится после парсинга -->
<img src="image.jpg"> <!-- Не блокирует парсинг, но может задержать рендеринг -->

Обычные скрипты без атрибутов (<script src="...">) блокируют и парсинг, и рендеринг.