Создание сайтов [Дмитрий Лаврик] Идеальная вёрстка под Google (2021)

[MegaAdmin]

Автор: Дмитрий Лаврик
Название: Идеальная вёрстка под Google

Описание:
Идеальная вёрстка сайта в 2021 году для оценки в Chrome Lighthouse и Google PageSpeed Insights.
На интенсиве изучаются приёмы вёрстки для достижения максимального результата в системах автоматической оценки страниц от Google в связи с тем, что с мая 2021 Google при ранжировании учитывает показатели Core Web Vitals.

Обзор инструментов:
-Знакомство с Lighthouse
-Знакомство с Page Speed Insights
-Выбор целевого уровня
-Реальность получения 100 из 100
-Влияние показателей на SEO
Базовые требования гугла:
-Быстрый ответ сервера
-Адекватный размер DOM
-Критические и обычные стили
-Минимизация размеров статики
-Отсутствие прыжков контента
Основные показатели:
-First Contentful Paint
-Largest Contentful Paint
-First Input Delay
-Cumulative Layout Shift
Анализ сайтов:
-Примеры моих проектов
-Комментарии по кейсам учеников
-Выявление важнейших проблем
-Последовательность исправления
Работа с критическим CSS:
-Ручное разделение стилей
-Автоматизация разделения кода
-Gulp + модуль critical
-Эффективная настройка critical
Ускоряющие теги 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 и время кэша


Подробнее:

Для просмотра ссылок пройдите регистрацию

Скачать:

Magnet-ссылка:
magnet:?xt=urn:btih:C31370AF98D59F169EB970DCFE37892F20436F4B

Если у Вас нет Премиум статуса:

Для просмотра ссылок пройдите регистрацию