Встречается на собеседованиях • сегодня
Были ли проблемы с performance у приложения с Next.js
Да, были. Основные проблемы:
1. **Гиддрация** - большой размер JS после SSR может замедлять интерактивность. Решение: использовать динамический импорт (`next/dynamic`) для тяжелых компонентов.
2. **Изображения** - неоптимизированные картинки. Решение: `` из `next/image` с автоматической оптимизацией.
3. **Стили** - CSS-in-JS (styled-components) может замедлять рендеринг. Решение: CSS Modules или обычный CSS.
4. **API-запросы** - медленные бекенд-запросы. Решение: кеширование через `getStaticProps`/`getServerSideProps`.
Пример оптимизации динамического импорта:
```jsx
const HeavyComponent = dynamic(
() => import('../components/HeavyComponent'),
{ loading: () => }
)
```

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы