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

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

Курс: «[Дмитрий Лаврик] Идеальная вёрстка». На интенсиве изучаются приёмы вёрстки для достижения максимального результата в системах автоматической оценки страниц от Google. Материал прислал анонимный пользователь без комментариев. 

Материал может быть удален по запросу правообладателя!

Описание курса:

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

Если Вы не видите ссылку для скачивания материала — отключите блокиратор рекламы и добавьте наш сайт в список исключений. Если Вы против рекламы на нашем сайте — покупайте контент напрямую у авторов.

Материал предоставлен исключительно для ознакомления!

Опубликовано: Анонимно

Откройте доступ к самым востребованным профессиям и недоступным материалам со всего РУНЕТА и РУБЕЖА! OPENSSOURCE даст вам все возможности и инструменты для старта работы в онлайне! Пришло время начать зарабатывать на любимом деле! Теперь вам доступна вся информация для обучения. До 28 января действует акционная цена на подписку!   НАЖМИТЕ ДЛЯ ПОЛУЧЕНИЯ ПОДРОБНОСТЕЙ

Ноя 23, 2020

1 оценка, среднее: 5,00 из 51 оценка, среднее: 5,00 из 51 оценка, среднее: 5,00 из 51 оценка, среднее: 5,00 из 51 оценка, среднее: 5,00 из 5
0


FavoriteLoadingДобавить в закладки

0 комментариев

Оставить комментарий


* - обязательное поле для заполнения.

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Подтвердите, что Вы не бот — выберите человечка с поднятой рукой:

Уведомлять меня при ответах на мои комментарии