Что может заблокировать отображение страницы

Загрузку страницы могут заблокировать:

1. Синхронные скрипты (<script> без async/defer) – браузер останавливает парсинг HTML до их выполнения.

<script src="blocking.js"></script> <!-- Блокирует рендеринг -->

2. 
   

   Большие CSS-файлы – браузер ждёт загрузки и парсинга CSSOM перед рендерингом.

   
   
3. 
   

   Шрифты с font-display: block или без предзагрузки.

   
   
4. 
   

   Долгие задачи в основном потоке – например, сложные вычисления в JS.

   
   
5. 
   

   Неоптимизированные изображения – особенно если они выше viewport.

   
   
6. 
   

   Сетевые запросы – если API-запросы выполняются до отрисовки контента.

   
   
7. 
   

   Плохой TTFB (Time To First Byte) – сервер медленно отвечает.

   
   

Оптимизации:

• Используйте async/defer для скриптов
• Критический CSS в <style>, остальное – асинхронно
• Предзагружайте ключевые ресурсы (<link rel="preload">)
• Разбивайте код на чанки