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

1. **Минификация и объединение файлов**: CSS, JS и HTML уменьшаются в размере, убираются пробелы, комментарии. Пример с Webpack: ```js optimization: { minimize: true } ``` 2. **Ленивая загрузка (Lazy Load)**: Загрузка изображений и компонентов только при необходимости. Пример: ```html ``` 3. **Кэширование**: Использование `localStorage`, `Service Workers` для кэширования ресурсов. 4. **Оптимизация изображений**: Сжатие, использование современных форматов (WebP, AVIF), ресайз под нужные размеры. 5. **CDN**: Раздача статики через CDN для уменьшения задержки. 6. **Дебунсинг и троттлинг**: Оптимизация частых событий (скролл, ресайз). Пример: ```js const debounce = (fn, delay) => { let timer; return (...args) => { clearTimeout(timer); timer = setTimeout(() => fn(...args), delay); }; }; ``` 7. **SSR/SSG**: Использование Next.js, Nuxt.js для предрендеринга страниц. 8. **Tree Shaking**: Удаление неиспользуемого кода (Webpack, Rollup). 9. **Оптимизация шрифтов**: Подгрузка только необходимых начертаний, `font-display: swap`. 10. **Критический CSS**: Встраивание критических стилей в `` для ускорения FCP.