Какие знаешь подходы для оптимизации загрузки сайта

1. **Минификация и сжатие ресурсов** Уменьшение размера CSS, JS (например, через Webpack, Terser) и сжатие изображений (WebP, SVG). ```html ``` 2. **Ленивая загрузка (Lazy Loading)** Загрузка изображений, iframe или компонентов только при попадании в viewport. ```html ``` 3. **Кэширование** Использование `Cache-Control`, Service Workers для статических ресурсов. 4. **Оптимизация шрифтов** Подключение только нужных начертаний, `preload` для критичных шрифтов. 5. **Code Splitting** Разделение кода на чанки (React.lazy, динамический импорт). 6. **SSR/SSG** Next.js, Nuxt.js для рендеринга на стороне сервера или статической генерации. 7. **CDN** Раздача контента через CDN для уменьшения задержки. 8. **Critical CSS** Встраивание критических стилей в `` для ускорения First Paint. 9. **Оптимизация Third-Party** Отложенная загрузка виджетов (аналитика, чаты). 10. **Preconnect/Prefetch** Предварительное подключение к важным доменам. ```html ```