Вёрстка под Lighthouse и Google PageSpeed Insights (2020) Видеокурс
На интенсиве изучаются приёмы вёрстки для достижения максимального результата в системах автоматической оценки страниц от 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 часов
Файл
Формат: MP4, MKV (+доп.файлы)
Видео: AVC, 1280x720/1920x1080, ~1008 Kbps
Аудио: AAC, 128 Kbps, 48.0 KHz
Размер файла: 2.16 Gb
Скачать Вёрстка под Lighthouse и Google PageSpeed Insights (2020) Видеокурс
|
|
Tweet |
|
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Процедура регистрации бесплатна и займет у вас всего пару минут!
После регистрации вам станет доступна информация скрытя фразой:
"Внимание! У вас нет прав для просмотра скрытого текста."
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Процедура регистрации бесплатна и займет у вас всего пару минут!
После регистрации вам станет доступна информация скрытя фразой:
HTML и CSS: Адаптивная вёрстка и автоматизация (2020) Видеокурс Во время курса вы будете работать как профессиональные верстальщики: создадите разметку по методологии БЭМ, будете писать CSS-код на препроцессорах, сделаете адаптивную сетку, поработаете с адаптивной и ретиновой графикой и подготовите автоматизацию сборки проекта для публикации. |
Google Web Designer для начинающих (2018) Видеокурс Пошаговый видео курс по Google Веб-дизайнер: от обзора интерфейса до создания адаптивных баннеров. Видео освещают настройки в рамках интерфейса 2018 года. Разберем основные инструменты Google Web Designer и затронем неочевидные моменты. |
Google Tag Manager, от новичка до профи (2017) Видеокурс Специализированный онлайн курс по самостоятельному изучению Google Tag Manager. |
Продвинутая работа с Google Analytics (2016) Видеокурс Этот курс для: Маркетологов, SEO и PPC специалистов — для решения задач по анализу эффективности рекламных кампаний. UX-специалистов — для формирования гипотез изменений поведения пользователей. |
Google Adwords 3.0 (2017) Видеокурс Практический курс подготовки специалистов на настройке Google AdWords. |
0