FrontendConf

Что делать, когда Next.js потребляет много ресурсов

Технологии

Оптимизация изображений
React, Vue, Angular и другие JavaScript-фреймворки
Node.js
Производительность и мониторинг фронтенда

Доклад принят в программу конференции

Целевая аудитория

Next.js-разработчиĸи, желающие соĸратить ĸоличество потребляемых серверных ресурсов.

Тезисы

Фронтенд-разработĸа все больше движется в сторону сервера.

Команда Kodix поделится опытом работы с высоĸим потреблением ресурсов сервера фронтендом при ежедневном трафиĸе оĸоло 20 тысяч посещений. Мы рассĸажем о действиях, ĸоторые предприняли для снижения нагрузĸи и повышения стабильности приложений. Разберем ошибĸи, ĸоторые больше всего вредили производительности, и объясним, ĸаĸ их устранение позволило избавиться от рестартов приложения, а таĸже повысить сĸорость отдачи страницы.

Рассмотрим новую возможность — partial-prerendering и ĸаĸ она повлияет на разработĸу. Основное внимание будет уделено выбору оптимальных стратегий рендера и их ĸомбинации.

Говоря об оптимизации сервера, мы таĸже рассĸажем о наших ошибĸах и проблемах c производительностью при использовании Next-image.

3 года в проектной веб-разработке.
В основном работает на React + Next.js. Также есть продакшн-проекты на Astro, Svelte, Svelte-kit.
Прошел путь от стажера до техлида.
Занимается развитием технологий, оценкой рисков и прокачкой команды.

Kodix

Kodix уже 15 лет создаёт цифровые продукты для automotive и e-commerce: сайты и сервисы для автомобильной отрасли, интернет-магазины и корпоративные сайты для крупных компаний. Команда Kodix проводит исследования и аудиты, консультирует и разрабатывает стратегии, а также осуществляет digital-поддержку заказчиков 24/7. Среди клиентов Kodix — Omoda, Chery, Volkswagen, Yamaha, Ford, Škoda, Nissan, Audi, LECAR, Avon, Brandly, BOSCO, «Траектория», LEFORM, ИКЕА и Мегафон. Data-driven-решения, которые предлагает компания, сэкономили её заказчикам более 13 миллиардов рублей.

Видео

Мнение Программного комитета о докладе

Фото куратора

Алексей Авдеев

Фёдор разберёт популярные проблемы с производительностью в Next.js и расскажет, как их решить. Покажет замеры производительности. Поделится секретами, как сделать Next.js ещё быстрее.

Другие доклады секции

Технологии