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

Курс: “[Дмитрий Лаврик] Идеальная вёрстка”. На интенсиве изучаются приёмы вёрстки для достижения максимального результата в системах автоматической оценки страниц от 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 и время кеша

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

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

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

Внимание! Сайт работает в архивном режиме. Все новые публикации и активность на нашем форуме.

Подробнее