СКАЧАТЬ [Дмитрий Лаврик] Идеальная вёрстка (2020) БЕСПЛАТНО на торренте (слив складчины), отзывы о курсе и авторе.

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

Алан-э-Дейл

Модератор
Команда форума
Модератор
Редактор
Премиум
Активный участник
Регистрация
25 Мар 2020
Сообщения
2.523
Лайки
399.566
Голосов: 0
0.0 5 0 0 https://s4.sharewood.wshttps://s4.sharewood.ws/threads/%D0%94%D0%BC%D0%B8%D1%82%D1%80%D0%B8%D0%B9-%D0%9B%D0%B0%D0%B2%D1%80%D0%B8%D0%BA-%D0%98%D0%B4%D0%B5%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0%D1%8F-%D0%B2%D1%91%D1%80%D1%81%D1%82%D0%BA%D0%B0-2020.120681/
#1
Автор: Дмитрий Лаврик
Название: Идеальная вёрстка (2020)

1605880261851-png.70482


Идеальная вёрстка для оценки в 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 и время кеша

Подробнее:
Для просмотра содержимого вам необходимо авторизоваться.

Скачать:
 

MGDart

Премиум
Просветленный
Регистрация
8 Июн 2019
Сообщения
19
Лайки
22
#2
Спасибо большое за публикацию! буду изучать, надеюсь курс стоящий.
 
Сверху Снизу