Вёрстка под Lighthouse и Google PageSpeed Insights (2020) Видеокурс

Вёрстка под 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) Видеокурс

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Процедура регистрации бесплатна и займет у вас всего пару минут!
После регистрации вам станет доступна информация скрытя фразой:
"Внимание! У вас нет прав для просмотра скрытого текста."

Похожие новости:
HTML и CSS: Адаптивная вёрстка и автоматизация (2020) Видеокурс HTML и CSS: Адаптивная вёрстка и автоматизация (2020) Видеокурс
Во время курса вы будете работать как профессиональные верстальщики: создадите разметку по методологии БЭМ, будете писать CSS-код на препроцессорах, сделаете адаптивную сетку, поработаете с адаптивной и ретиновой графикой и подготовите автоматизацию сборки проекта для публикации.

Google Web Designer для начинающих (2018) Видеокурс Google Web Designer для начинающих (2018) Видеокурс
Пошаговый видео курс по Google Веб-дизайнер: от обзора интерфейса до создания адаптивных баннеров. Видео освещают настройки в рамках интерфейса 2018 года. Разберем основные инструменты Google Web Designer и затронем неочевидные моменты.

Google Tag Manager, от новичка до профи (2017) Видеокурс Google Tag Manager, от новичка до профи (2017) Видеокурс
Специализированный онлайн курс по самостоятельному изучению Google Tag Manager.

Продвинутая работа с Google Analytics (2016) Видеокурс Продвинутая работа с Google Analytics (2016) Видеокурс
Этот курс для: Маркетологов, SEO и PPC специалистов — для решения задач по анализу эффективности рекламных кампаний. UX-специалистов — для формирования гипотез изменений поведения пользователей.

Google Adwords 3.0 (2017) Видеокурс Google Adwords 3.0 (2017) Видеокурс
Практический курс подготовки специалистов на настройке Google AdWords.

0
Добавить комментарий
Ваше Имя: Ваш E-Mail:
Комментарий
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent
Введите символы, показанные на изображении: *
Видео Видео         Музыка Музыка
Игры Игры          Книги/Журналы Журналы
Программы Софт          Юмор Юмор
Мобила Мобила       Обои Обои
Реклама
Календарь
«    Ноябрь 2020    »
ПнВтСрЧтПтСбВс
 1
2345678
9101112131415
16171819202122
23242526272829
30 

Ноябрь 2020 (533)
Октябрь 2020 (587)
Сентябрь 2020 (478)
Август 2020 (545)
Июль 2020 (421)
Июнь 2020 (324)
Друзья
Реклама