Идеальная вёрстка для оценки в 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 и время кеша
Администрация сайта не претендует на авторские права. Материалы предоставленные на сайте, принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Cайт оптимизирован для просмотра браузером Opera, Google Chrome, Mozilla Firefox, Safari.
Adobe PhotoShop
Adobe After Effects
uCoz 
Counter Strike
бесплатно Идеальная вёрстка. Интенсив (2020) на высокой скорости и по прямой ссылке!
