Главная » 2020»Ноябрь»22 » Дмитрий Лаврик - Вёрстка под Lighthouse и Google PageSpeed Insights (2020) PCRec
Дмитрий Лаврик - Вёрстка под Lighthouse и Google PageSpeed Insights (2020) PCRec
19:06
На интенсиве изучаются приёмы вёрстки для достижения максимального результата в системах автоматической оценки страниц от Google.
Интенсив предназначен для тех, кто: - Изучил 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 и время кеша
Информация о видео Название: Вёрстка под Lighthouse и Google PageSpeed Insights Автор: Дмитрий Лаврик Год выхода: 2020 Жанр: Видеокурс Язык: Русский Выпущено: Россия Продолжительность: ~8 часов
К "Дмитрий Лаврик - Вёрстка под Lighthouse и Google PageSpeed Insights (2020) PCRec" пока нет комментариев, но Вы можете стать первым, кто его оставит!
Всего мнений: 0
Ищу на сайте
Случайный анекдот
После операции: - Доктор, это вы мне голову после авиакатастрофы пришивали? - Я. Есть претензии к качеству шва? - Нет, доктор, шов хороший, но это не моя голова...
