Как оптимизировать первый рендер страницы

Оптимизация первого рендера (FCP) включает: 1. **Минификация и сжатие** ресурсов (HTML, CSS, JS). Используй `gzip/brotli`. 2. **Критический CSS** – встраивай в `` для быстрого отображения контента. 3. **Ленивая загрузка** изображений (`loading="lazy"`) и неиспользуемого JS (`dynamic import`). 4. **Предзагрузка ключевых ресурсов** через ``. 5. **Оптимизация шрифтов** – подключай только нужные начертания, используй `font-display: swap`. Пример предзагрузки: ```html ``` 6. **SSR/Static Generation** – для динамических приложений (Next.js, Nuxt). 7. **Кэширование** – настрой `Cache-Control` для статики.