Оптимизация Nuxt под SEO - курс от Дмитрия Лаврика

Основные темы курса

Базовые требования гугла

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-размтека и т.п.
Оптимизация изображений
Изображения и адаптивка

Дмитрий Лаврик

Опыт работы в сфере разработки сайтов более 15 лет. Ориентируется во всех вопросах создания сайтов, от вёрстки до backend-а.

Начиная с 2011 года, под его руководством тысячи учеников прошли путь от новичков до успешных веб-программистов. Если вы ещё не знакомы с Дмитрием, рекомендуем заглянуть на его youtube-канал, где вы найдете много полезных видео и сможете узнать стиль преподавания Дмитрия.

Обязательно ли прохождение курса Nuxt ?

Стартовая кодовая база будет именно с этого курса. Однако, если вы хорошо знакомы с Nuxt, то на темы SEO-оптимизации можно смотреть и без прохождения основного курса.

Оптимизировать будем только под Lighthouse ?

Ни в коем случае! Core Web Vitals - это, конечно, база, но перечень мест для оптимизации гораздо шире. То есть в Lighthouse видны далеко не все проблемы нашего SPA.

Нужно ли участнику разбираться в backend ?

Совсем чуть-чуть, хотя бы на уровне понимания работы с request и response в node http server. Если знаний в node нет, могу прислать запись первого урока базового курса по node.

Принесёт ли Nuxt 4 что-то новое ?

Надеюсь, что да. Ждём внедрения крутой ленивой гидратация из Vue 3.5. Проблема только в том, что Nuxt 4 задерживается. Поэтому, не ждём его и кодим на 3-ей версии в режиме совместимости с 4-ой.

Полезен ли материал для чистого Vue без Nuxt ?

Думаю, да. Идеи, которые мы увидим, подходят для любого SPA. Но на курсе упор будет именно на решение задач оптимизации в рамках кодовой базы на Nuxt.

Будут ли записи уроков / другие потоки ?

Да, конечно, видеозапись и материалы выкладываются в течение нескольких часов после окончания урока. А вот новые потоки будут, но, точно, не скоро.