Flesh
Модератор
- Сообщения
- 74,132
- Реакции
- 602,371
Автор: Дмитрий Лаврик
Название: Идеальная вёрстка [2020]
Идеальная вёрстка для оценки в Chrome Lighthouse и Google PageSpeed Insights от Дмитрия Лаврика.
На интенсиве изучаются приёмы вёрстки для достижения максимального результата в системах автоматической оценки страниц от Google.
Интенсив предназначен для тех, кто:
Изучил HTML и CSS на более-менее нормальном уровне.
Не понимает, почему инструменты Google ругают его вёрстку.
Хочет освоить вёрстку, правильную с точки зрения Google.
Обзор инструментов
Основные показатели
Ускоряющие теги link
Подробнее:
Скачать:
Название: Идеальная вёрстка [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
- Подбор стандартного шрифта
- Inputs & labels
- Ссылки без текста
- Фреймы без title
- Недостаточный контраст цвета
- Y.Метрика и G.Аналитика
- Фреймы сторонних сайтов
- Неиспользуемый javascript
- Nginx, Apache и время кеша
Подробнее:
Для просмотра ссылок Войдите в аккаунт или Зарегистрируйтесь
Скачать:
Для просмотра ссылок Войдите в аккаунт или Зарегистрируйтесь
Последнее редактирование:
Похожие темы из этого раздела:
- [Андрей Коптелов] Управление требованиями к ИТ с использованием UML (2021)
- [Дмитрий Лаврик] Javascript. Интенсивный курс для программистов (2023)
- [Роман Бунин, В. Ковалев, А. Кузнецова] BI Разработка — обучение работе в Tableau. Часть 4 [Karpov.Courses] (2023)
- [Миша Рудрастых] Курс по созданию сайта на WordPress с нуля (2024)
- [Максим Бондаренко] Обучение ВКонтакте от iMaSchool (2022)
- [Yuriy Allakhverdov] Современный React с Нуля до Профессионала [Udemy](2023)
- [BAS] Софт для Редиректов под массовые рассылки (2022)
- [Диджитализируй] Книжный клуб для разработчиков Ботаним (2023)
- [Роман Бунин, В. Ковалев, А. Кузнецова] BI Разработка — обучение работе в Tableau. Часть 3 [Karpov.Courses] (2023)
- [Роман Бунин, В. Ковалев, А. Кузнецова] BI Разработка — обучение работе в Tableau. Часть 2 [Karpov.Courses] (2023)