Как оптимизируешь производительность сайта

Оптимизация производительности включает несколько ключевых аспектов: 1. **Сжатие и минификация** – минифицируй CSS, JS, HTML и сжимай изображения (WebP, lazy loading). ```html ``` 2. **Кэширование** – используй `Cache-Control`, `ETag`, Service Workers для кэширования ресурсов. 3. **Оптимизация загрузки JS** – загружай скрипты асинхронно (`async`, `defer`) и разбивай код на чанки (Webpack, Vite). 4. **Уменьшение CSS- и JS-блокировок** – критический CSS встраивай в ``, остальное загружай асинхронно. 5. **Использование CDN** – для статики подключай CDN (Cloudflare, AWS CloudFront). 6. **Оптимизация шрифтов** – подключай только нужные начертания, используй `font-display: swap`. 7. **Снижение времени ответа сервера** – SSR, кэширование API, оптимизация БД. Инструменты для проверки: Lighthouse, WebPageTest, Chrome DevTools.