Блокирующие скрипты что это?

Блокирующие скрипты — это JavaScript-файлы, которые останавливают отображение страницы до своей загрузки. Представьте:

Решение: атрибуты async и defer

<script async>
<script defer>

Практический план

  1. Аудит текущей ситуации:
    • Проверьте PageSpeed Insights
    • Найдите все <script> в <head> без атрибутов
  2. Расстановка приоритетов:
    <!-- Критичные скрипты → оставить как есть -->
    <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>
  3. Перемещение в body:

    Перенесите некритичные скрипты перед </body>. Это гарантирует, что они не будут мешать первоначальному рендеру.

Результат оптимизации

Простой чек-лист

Уберите блокировки — и ваш сайт будет загружаться так быстро, как этого заслуживают ваши посетители!