Идеальная вёрстка (2020)

Идеальная вёрстка для оценки в 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 | 1920×1080 | ~532 Kbps
Аудио: AAC | 126 kb/s | 44 KHz
Язык: Русский
Продолжительность: 08:16:24
Размер: 2.43 Gb