Идеальная вёрстка для оценки в Chrome Lighthouse и Google PageSpeed Insights. На интенсиве изучаются приёмы вёрстки для достижения максимального результата в системах автоматической оценки страниц от Google.
Дмитрий Лаврик - Опыт работы в сфере разработки сайтов более 10 лет. Ориентируется во всех вопросах создания сайтов, от вёрстки до backend-а. Начиная с 2011 года, под его руководством тысячи учеников прошли путь от новичков до успешных веб-программистов. Если вы ещё не знакомы с Дмитрием, рекомендуем заглянуть на его youtube-канал, где вы найдете много полезных видео и сможете узнать стиль преподавания Дмитрия.
Интенсив предназначен для тех, кто: - Изучил HTML и CSS на более-менее нормальном уровне. - Не понимает, почему инструменты Google ругают его вёрстку. - Хочет освоить вёрстку, правильную с точки зрения Google.
Программа курса:
Обзор инструментов: - Знакомство с Lighthouse - Знакомство с Page Speed Insights - Выбор целевого уровня - Реальность получения 100 из 100 - Влияние показателей на SEO
Базовые требования гугла: - Быстрый ответ сервера - Адекватный размер DOM - Критические и обычные стили - Минимизация размеров статики - Отсутствие прыжков контента
Основные показатели: - First Contentful Paint - Largest Contentful Paint - First Input Delay - Cumulative Layout Shift
Ускоряющие теги link: - Preload и Prefetch - Preconnect - Асинхронный link stylesheet - Загрузка CSS из JS
Изображения: - Webp, picture и source - Img и srcset - Указание размеров в html - Вывод разных размеров - Ленивая загрузка изображений
Шрифты: - Современные форматы шрифтов - Link vs @import - Обязательный link preload - Свойство font-display - Подбор стандартного шрифта
Популярные проблемы UI: - Inputs & labels - Ссылки без текста - Фреймы без title - Недостаточный контраст цвета
Неизбежное зло: - Y.Метрика и G.Аналитика - Фреймы сторонних сайтов - Неиспользуемый jаvascript - Nginx, Apache и время кеша
Вы можете скачать Идеальная вёрстка. Интенсив (2020) бесплатно, без регистрации и смс. Если Вам понравился файл Идеальная вёрстка. Интенсив (2020), то не забудьте оставить свой отзыв в коментариях.
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
