Описание

“Идеальная вёрстка 2023: оценка в Chrome Lighthouse и Google PageSpeed Insights” – это интенсивный курс, который предназначен для веб-разработчиков, желающих добиться высоких результатов в оценках автоматических систем Google. На занятиях будет подробно разобран процесс оптимизации веб-страниц, что имеет критическое значение для SEO и позиционирования в поисковых системах, так как Google включает показатели Core Web Vitals в алгоритмы ранжирования.

Программа курса:

Введение в инструменты анализа вёрстки: изучение Lighthouse и Google PageSpeed Insights, определение целевых параметров оценки и реализация стратегии получения максимального результата 100 из 100.
Изучение основных требований Google к быстродействию сайтов: оптимизация времени ответа сервера, управление размером DOM, разделение на критические и не критические стили, минимизация статических файлов, исключение сдвига содержимого страниц.
Практическая работа по основным показателям производительности: First Contentful Paint, Largest Contentful Paint, First Input Delay и Cumulative Layout Shift.
Анализ реальных сайтов: рассмотрение успешных и проблемных проектов, анализ кейсов студентов и план действий по исправлению ошибок.
Работа с критическим CSS: методы ручного и автоматического разделения стилей, применение утилиты npm critical для оптимизации загрузки.
Оптимизация загрузки ресурсов через теги link: использование Preload, Prefetch, Preconnect и асинхронная загрузка стилей.
Эффективное использование изображений и шрифтов: подходы к выбору форматов, загрузке и отображению контента, управление отображением шрифтов через font-display.
Улучшение доступности и интерфейса: корректировка элементов управления, обеспечение доступности и контрастности интерфейса.
Настройка серверной стороны для максимальной производительности: применение Gzip, настройка кэширования, минификация HTML и использование протоколов HTTPS и HTTP/2.
Интенсивный курс по оптимизации сложных проектов: примеры на базе Vue и Vuetify, анализ и устранение узких мест.

Данный курс позволит вам не только систематизировать знания, но и приобрести уникальные навыки, которые значительно повысят вашу конкурентоспособность на рынке веб-разработки. Вы сможете создавать высокопроизводительные сайты, которые будут эффективно работать на любых устройствах, обеспечивая лучший пользовательский опыт.