Как оптимизировать первую загрузку ресурса

1. **Минификация и сжатие**: Используй минификацию CSS/JS (например, через Webpack, Terser) и сжатие (Gzip/Brotli) для уменьшения размера файлов. 2. **Ленивая загрузка (Lazy Loading)**: Загружай изображения, скрипты и компоненты только при необходимости. ```html ``` 3. **Кэширование**: Настрой `Cache-Control`, `ETag` для статических ресурсов. 4. **Critical CSS**: Встраивай критический CSS в ``, остальное загружай асинхронно. 5. **CDN**: Используй CDN для быстрой доставки статики. 6. **Preload/Prefetch**: ```html ``` 7. **Оптимизация изображений**: Конвертируй в WebP, используй `srcset` для адаптивности. 8. **Tree Shaking**: Удаляй неиспользуемый код (Webpack/Rollup). 9. **Серверный рендеринг (SSR)**: Для быстрого First Contentful Paint. 10. **Асинхронные скрипты**: ```html ```