Блокирующие скрипты — это JavaScript-файлы, которые останавливают отображение страницы до своей загрузки. Представьте:
<script> → СТОП! Ждёт загрузки и выполнения скриптаasync и defer<script async><script defer><script> в <head> без атрибутов<!-- Критичные скрипты → оставить как есть -->
<script src="critical.js"></script>
<!-- Аналитика → async -->
<script async src="analytics.js"></script>
<!-- Остальные скрипты → defer -->
<script defer src="slider.js"></script>
<script defer src="forms.js"></script>
Перенесите некритичные скрипты перед </body>. Это гарантирует, что они не будут мешать первоначальному рендеру.
<head> без атрибутовasyncdefer</body>Уберите блокировки — и ваш сайт будет загружаться так быстро, как этого заслуживают ваши посетители!