Red Sun
Редактор
- Регистрация
- 01.01.22
- Сообщения
- 27.206
Другие курсы от автора:
[Ольга Кащиц] Уроки без закваски от школы Pekarko (2024)
[Катя Чи] Духи в гранях от Katia Txi (2024)
[Юлиана Вылегжанина] [Шитье] Идеальные трусики (2024)
[Валерия Шполянская] [VedaEducation] Массаж гуаша с эфирными маслами (2024)
[Хадижат Магомедова] [doc-magomedova] Дети + Мужское здоровье. Тариф Комбо...
[Лариса Попович] [La.na.knit] Kardi Monil. Карди Monil (2024)
[Татьяна Силаева] [tanya_silaeva] Торты с низким Foodcost (2024)
[Катя Чи] Духи в гранях от Katia Txi (2024)
[Юлиана Вылегжанина] [Шитье] Идеальные трусики (2024)
[Валерия Шполянская] [VedaEducation] Массаж гуаша с эфирными маслами (2024)
[Хадижат Магомедова] [doc-magomedova] Дети + Мужское здоровье. Тариф Комбо...
[Лариса Попович] [La.na.knit] Kardi Monil. Карди Monil (2024)
[Татьяна Силаева] [tanya_silaeva] Торты с низким Foodcost (2024)
[Дмитрий Лаврик] Идеальная вёрстка (2023)
Идеальная вёрстка 2023. Для оценки в Chrome Lighthouse и Google PageSpeed Insights
На интенсиве изучаются приёмы вёрстки для достижения максимального результата в системах автоматической оценки страниц от Google. Ведь при ранжировании Google официально учитывает показатели Core Web Vitals
Интенсив предназначен для тех, кто:
Изучил HTML и CSS на более-менее нормальном уровне
Не понимает, почему инструменты Google ругают его вёрстку
Хочет освоить вёрстку, правильную с точки зрения Google
Темы интенсива:
Обзор инструментов
Идеальная вёрстка 2023. Для оценки в Chrome Lighthouse и Google PageSpeed Insights
На интенсиве изучаются приёмы вёрстки для достижения максимального результата в системах автоматической оценки страниц от Google. Ведь при ранжировании Google официально учитывает показатели Core Web Vitals
Изучил HTML и CSS на более-менее нормальном уровне
Не понимает, почему инструменты Google ругают его вёрстку
Хочет освоить вёрстку, правильную с точки зрения Google
Темы интенсива:
Обзор инструментов
- Знакомство с Lighthouse
- Знакомство с Page Speed Insights
- Выбор целевого уровня
- Реальность получения 100 из 100
- Влияние показателей на SEO
- Быстрый ответ сервера
- Адекватный размер DOM
- Критические и обычные стили
- Минимизация размеров статики
- Отсутствие прыжков контента
- First Contentful Paint
- Largest Contentful Paint
- First Input Delay
- Cumulative Layout Shift
- Примеры хороших и кривых проектов
- Комментарии по кейсам учеников
- Выявление важнейших проблем
- Последовательность исправления
- Ручное разделение стилей
- Автоматизация разделения кода
- Эксперименты с npm critical
- Эффективная настройка critical
- Preload и Prefetch
- Preconnect
- Асинхронный link stylesheet
- Загрузка CSS из JS
- Webp, picture и source
- Img и srcset
- Указание размеров в html
- Вывод разных размеров
- Ленивая загрузка изображений
- Современные форматы шрифтов
- Link vs @import
- Обязательный link preload
- Свойство font-display
- Подбор стандартного шрифта
- Inputs & labels
- Ссылки и кнопки без текста
- Фреймы без title
- Недостаточный контраст цвета
- Gzip сжатие
- Время кеша статики
- Минификация html-ответа
- Https, http2
- Пример сайта на Vue + Vuetify
- Стартовые показатели в красной зоне
- Выявление ключевых проблем
- Вывод в зелёную зону
- Y.Метрика и G.Аналитика
- Фреймы сторонних сайтов
- Неиспользуемый javascript
- Nginx, Apache и время кэша
Скачать:Для просмотра ссылок необходимо выполнить Вход или Регистрация
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.