Встречается на собеседованиях • сегодня
Какие знаешь способы оптимизации приложения
1. **Код-сплиттинг** – разбиение бандла на чанки (React.lazy, динамический import).
```js
const LazyComponent = React.lazy(() => import('./LazyComponent'));
```
2. **Мемоизация** – кеширование вычислений (React.memo, useMemo, useCallback).
```js
const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);
```
3. **Виртуализация списков** – рендеринг только видимых элементов (react-window).
4. **Оптимизация изображений** – сжатие, lazy loading, форматы WebP/AVIF.
```html
```
5. **Дебонсинг/троттлинг** – ограничение частоты вызовов функций (lodash.throttle).
6. **SSR/SSG** – предрендеринг для SEO и скорости (Next.js, Gatsby).
7. **Оптимизация стилей** – CSS-in-JS с критическим CSS, удаление неиспользуемых стилей (PurgeCSS).
8. **Кеширование** – Service Workers, CDN, HTTP-кеширование.
9. **Tree-shaking** – удаление неиспользуемого кода (ES-модули + Webpack/Rollup).
10. **Профилирование** – выявление узких мест (React DevTools, Chrome Performance Tab).
Главное – измерять (Lighthouse) и оптимизировать только проблемные места.
```
5. **Дебонсинг/троттлинг** – ограничение частоты вызовов функций (lodash.throttle).
6. **SSR/SSG** – предрендеринг для SEO и скорости (Next.js, Gatsby).
7. **Оптимизация стилей** – CSS-in-JS с критическим CSS, удаление неиспользуемых стилей (PurgeCSS).
8. **Кеширование** – Service Workers, CDN, HTTP-кеширование.
9. **Tree-shaking** – удаление неиспользуемого кода (ES-модули + Webpack/Rollup).
10. **Профилирование** – выявление узких мест (React DevTools, Chrome Performance Tab).
Главное – измерять (Lighthouse) и оптимизировать только проблемные места.
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы