Оптимизация Nuxt SPA

Name: Оптимизация Nuxt SPA
Price: 830 RUB
Availability: PreOrder

7 участников

О чём курс

Скорость загрузки и SEO-показатели Nuxt-приложения напрямую зависят от того, как вы управляете рендерингом и доставкой ресурсов пользователю. Этот курс учит превращать тяжелые SPA-системы в быстрые и понятные поисковикам приложения.

Внутри разбираются конкретные технические приемы: от внедрения критического CSS и настройки SSR-кеширования до оптимизации размера DOM и работы с Core Web Vitals. Особое внимание уделено архитектуре Backend for Frontend, которая позволяет устранить проблемы нестыковки данных между API и фронтендом. Программа подойдет разработчикам, которые уже знают Nuxt, но сталкиваются с просадками по метрикам LCP, FID и INP, а также испытывают сложности с поисковой оптимизацией одностраничных приложений. После прохождения вы сможете выстроить систему быстрой доставки контента и автоматизировать оптимизацию ресурсов на этапе сборки проекта.

Программа обучения

Базовые требования гугла
- Core Web Vitals ( FCP, LCP, FID / INP )
- Скорость ответа сервера и размер DOM
- Критические и асинхронные стили
- Минимизация размеров статики
- Отсутствие прыжков контента
Обзор проблем текущей SPA
- Тяжёлые критические стили
- Потенциально тяжёлый JSON in HTML
- Долгий ответ при SSR без кеша
- Отсутствие оптимизации статических ресурсов
- Отсутствие ряда SEO-тегов и т.п.
Работа с критическим CSS
- Ручное / автоматическое разделение стилей
- Эксперименты с npm critical
- Персональные стили страниц
- Генерация стилей после build
- Nitro-плагин внедрения стилей
SSR и кеширование
- Замеры скорости рендеринга
- Выбор стратегии кеша: memory / redis
- Поиск готовых решений
- Создание своего плагина
- Варианты инвалидации кеша
Backend for frontend
- Нестыковки backend api и frontend
- Примеры разрастания JSON
- Примеры неудачных api-решений
- Создание промежуточного backend
- Идеи кеширования данных
Классическое SEO
- Сайты для проверки мелочей SEO
- Размер DOM при увеличении страниц SPA
- Canonical, description, og-размтека и т.п.
- Оптимизация изображений
- Изображения и адаптивка

Складчина создана 28 августа 2025 г. · описание обновлено 25 апреля 2026 г.

Другие материалы автора 12

ДЛ Дмитрий Лаврик Все материалы

J Javascript Интенсивный базовый курс 700 ₽ 8 500 ₽ −92%

Продвинутая вёрстка. SmartGrid 2 268 ₽ 6 900 ₽ −96%V Vue.js Интенсивный курс для программистов 350 ₽ 9 800 ₽ −96%С Современная вёрстка 466 ₽ 9 800 ₽ −95%

Javascript 80 ₽ 4 080 ₽ −98%

Vue Advanced: разработка SPA 600 ₽ 11 200 ₽ −95%W WordPress 380 ₽ 7 900 ₽ −95%

Node.js Hardcore - Documentation First, Fastify, Ajv и прочие радости жизни 1 265 ₽ 14 700 ₽ −91%P PHP – ООП 800 ₽ 9 800 ₽ −92%

Javascript. Интенсивный курс для программистов 1 690 ₽ 11 200 ₽ −85%T TypeScript. Интенсивный практический курс 798 ₽ 11 200 ₽ −93%J JavaScript для верстальщиков 866 ₽ 7 900 ₽ −89%

Отзывов пока нет. Будьте первым!

Как получить курс?

Влада Администратор сайта

Этот курс сейчас в процессе организации складчины. Нажмите кнопку «Записаться» и ожидайте старта — вам придёт уведомление. Когда складчина стартует, в карточке курса будет указан актуальный взнос. Текущая цена пока в процессе формирования и может отличаться от финальной.

Финальный взнос будет ниже, чем 4 500 ₽?

Влада Администратор сайта

Да, мы стремимся, чтобы финальный взнос был не больше ≈10% от оригинальной цены курса. Чем больше участников записывается в складчину, тем ниже выходит взнос для каждого.

Как я могу ускорить сбор складчины и уменьшить взнос?

Влада Администратор сайта

Нажмите кнопку «Записаться» и авторизуйтесь на сайте через email (через ту же почту, которую будете использовать для входа). В личном кабинете вас будут ждать инструкции, как пригласить других участников — чем больше людей записалось, тем быстрее стартует складчина и тем ниже взнос. Как только складчина готова к приобретению, вам придёт уведомление.