Идеальная вёрстка для оценки в 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.Аналитика - Фреймы сторонних сайтов - Неиспользуемый javascript - Nginx, Apache и время кеша
Название: Идеальная вёрстка Год выхода: 2020 Автор: Дмитрий Лаврик Жанр: Видеокурс, вёрстка, разработка, вебмастеру, обучение Формат: MP4 Видео: AVC | 1920x1080 | ~532 Kbps Аудио: AAC | 126 kb/s | 44 KHz Язык: Русский Продолжительность: 08:16:24 Размер: 2.43 Gb
К "Идеальная вёрстка (2020)" пока нет комментариев, но Вы можете стать первым, кто его оставит!
Всего мнений: 0
Ищу на сайте
Случайный анекдот
Лежат на тротуаре часы. проходит мимо француз, обошел несколько раз, плюнул, ушел. проходит немец, поднял часы, сверил со своими, положил на место, пошел дальше. проходит еврей, поднял часы, поднес к уху: - идете? тогда пойдемте со мной (кладет в карман)
