Javascript [Дмитрий Лаврик] Идеальная вёрстка (2020)

  • 1
  • #1
Автор: Дмитрий Лаврик
Название: Идеальная вёрстка (2020)

[Дмитрий Лаврик] Идеальная вёрстка (2020)


Идеальная вёрстка для оценки в Chrome Lighthouse и Google PageSpeed Insights от Дмитрия Лаврика.
На интенсиве изучаются приёмы вёрстки для достижения максимального результата в системах автоматической оценки страниц от 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 и время кеша

Подробнее:
Авторизуйтесь, чтобы посмотреть скрытый контент.

Скачать:
Авторизуйтесь, чтобы посмотреть скрытый контент.
 
Последнее редактирование модератором:

Отзывов в теме: 1

MGDart
MGDart
Просветленный
badge badge badge badge
Регистрация
08/06/2019
Сообщения
20
Репутация
31
Спасибо большое за публикацию! буду изучать, надеюсь курс стоящий.
 
DeKamp
Премиум
badge badge badge
Регистрация
23/01/2019
Сообщения
13
Репутация
15
Спасибо! Будем изучать!
 

Создайте учетную запись или войдите, чтобы комментировать или скачивать материалы!

У вас должна быть учетная запись, чтобы оставлять комментарии

Зарегистрироваться

Создайте учетную запись. Это просто!

Авторизоваться

У вас уже есть аккаунт? Войдите здесь.

Последние темы автора

Алан-э-Дейл
Ответы
5
Просмотры
7K
meow_meow
Алан-э-Дейл
Ответы
1
Просмотры
10K
VIT1103
VIT1103
Алан-э-Дейл
Ответы
2
Просмотры
4K
Captain Sparrow
Captain Sparrow
Алан-э-Дейл
Ответы
3
Просмотры
8K
Lora81
Lora81

Похожие темы

Роджерc
Ответы
0
Просмотры
948
Роджерc
Роджерc
Малыш Джон
Ответы
0
Просмотры
967
Малыш Джон
Малыш Джон
Роджерc
Ответы
9
Просмотры
7K
Adelborst
Adelborst
Малыш Джон
Ответы
0
Просмотры
4K
Малыш Джон
Малыш Джон
Алан-э-Дейл
Ответы
1
Просмотры
4K
Tolkin87
Tolkin87
Алан-э-Дейл
Ответы
2
Просмотры
6K
piratb2154
Малыш Джон
Ответы
1
Просмотры
6K
Tienn
Tienn
Малыш Джон
Ответы
2
Просмотры
3K
AndrewEv
Сверху Снизу