Базару Нет / Медиатека / Фильмы и видео / Вёрстка под Lighthouse и Google PageSpeed Insights (2020) Видеокурс
Вёрстка под Lighthouse и Google PageSpeed Insights (2020) Видеокурс

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

Бесплатно / Комментариев: 0

На интенсиве изучаются приёмы вёрстки для достижения максимального результата в системах автоматической оценки страниц от 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.Аналитика
— Фреймы сторонних сайтов
— Неиспользуемый jаvascript
— Nginx, Apache и время кеша

Информация о видео
Название: Вёрстка под Lighthouse и Google PageSpeed Insights
Автор: Дмитрий Лаврик
Год выхода: 2020
Жанр: Видеокурс
Язык: Русский
Выпущено: Россия
Продолжительность: ~8 часов
Формат: MP4, MKV (+доп.файлы)
Видео: AVC, 1280×720/1920×1080, ~1008 Kbps
Аудио: AAC, 128 Kbps, 48.0 KHz
Размер файла: 2.16 Gb



Скачать Вёрстка под Lighthouse и Google PageSpeed Insights (2020) Видеокурс бесплатно



Поиск торрент раздач, пожалуйста подождите!
Добавить комментарий
  • 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
Код безопасности*
Комментарии 0
Комментариев пока нет. Стань первым!