Блокирует ли рендеринг страницы подключение скриптов

Да, подключение скриптов блокирует рендеринг страницы по умолчанию. Браузер останавливает парсинг HTML до момента загрузки и выполнения скрипта.

Чтобы избежать блокировки, используйте атрибуты:

• async - скрипт загружается асинхронно и выполняется сразу после загрузки, не блокируя рендеринг
• defer - скрипт загружается асинхронно, но выполняется после полного парсинга HTML

Пример:

<script src="script.js" async></script> <!-- Не блокирует рендеринг -->
<script src="script.js" defer></script> <!-- Выполнится после DOMContentLoaded -->

Для критически важного кода лучше использовать defer, чтобы сохранить порядок выполнения. async подходит для независимых скриптов (аналитика, реклама).