Разное




РазДЕЛЫ САЙТА

Боевики, детективы
Документалка
Драмы, триллеры
Исторические
Комедии
Мелодрамы
Мультяшки
Обучающее, познание
Приключения
Сказки, фэнтези
Старое, доброе
Ужасы
Фантастика
х х х х х х х х х
Блюз, джаз, соул
Инструментальная
Классическая
Клипы
Минусовки
Музыка игр и кино
Поп
Разная
Ретро
Рок, метал
Рэп, хип-хоп
Шансон
х х х х х х х х х
Автософт и навигация
Аудиокниги
Книги и журналы
Фото и видео, приколы



СЛучайные материалы

Ольга Кучерова - Богиня в тебе. Тариф Продвинутый (2022) CAMRip
Ольга Кучерова - Богиня в тебе. Тариф Продвинутый (2022) CAMRip

Гаусс Максим - Армада. Книга 3. Реванш (Аудиокнига)
Гаусс Максим - Армада. Книга 3. Реванш (Аудиокнига)

Павлов Игорь - В теле пацана. Книга 1 (Аудиокнига)
Павлов Игорь - В теле пацана. Книга 1 (Аудиокнига)

Bravo Hits Vol. 124 (2CD) (2024)
Bravo Hits Vol. 124 (2CD) (2024)

Best Vocal Songs of 2023 (2023)
Best Vocal Songs of 2023 (2023)


Главная » 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 часов

Файл
Формат: MP4, MKV (+доп.файлы)
Видео: AVC, 1280x720/1920x1080, ~1008 Kbps
Аудио: AAC, 128 Kbps, 48.0 KHz
Размер файла: 2.16 Gb



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


Скачать: Обучающее, познание | Теги: Вёрстка под Lighthouse, Google PageSpeed Insights, Дмитрий Лаврик

Похожие материалы скачать бесплатно и без регистрации


К "Дмитрий Лаврик - Вёрстка под Lighthouse и Google PageSpeed Insights (2020) PCRec"
пока нет комментариев, но Вы можете стать первым, кто его оставит!

Всего мнений: 0
avatar
Ищу на сайте

Случайный анекдот
После операции:
- Доктор, это вы мне голову после авиакатастрофы пришивали?
- Я. Есть претензии к качеству шва?
- Нет, доктор, шов хороший, но это не моя голова...

Новое на сайте
Пока, к сожалению, ничего нет

Наша статистика

Присутствуют: 342
Неизвестных: 342
Знакомых: 0
Copyright by Anonimus © 2024