Серия онлайн-курсов
Курс «Идеальная вёрстка»: все выпуски
Автор Дмитрий Лаврик
Все выпуски курса собраны на одной странице. Сравните даты, цены, содержание и отзывы, выберите нужный выпуск и оформите его отдельно. Выпуски со статусом «Можно купить» доступны для получения после оплаты.
2 выпуска
2 можно купить
от 118 ₽ цена участия
до −96%экономия
И
Последний выпуск серииОктябрь 2023 Можно купить
216 ₽ 3 900 ₽
Цена и доступность
Все выпуски курса
Каждый выпуск — самостоятельный материал. Откройте карточку, чтобы проверить состав материалов и условия получения.
Статусы и цены показаны отдельно для каждого выпуска и обновляются вместе с каталогом.
Описание и содержание
О курсе
Ваша вёрстка может быть качественной визуально, но получать низкие оценки в Chrome Lighthouse и Google PageSpeed Insights — этот интенсив объясняет, как пройти аудит Google и добиться заветных 100 баллов. Вы разберетесь, как Core Web Vitals влияют на SEO-ранжирование и научитесь устранять ошибки, которые замедляют загрузку страниц.
Внутри разбираются технические аспекты: от оптимизации критического CSS и настройки шрифтов до внедрения современных форматов изображений, таких как WebP. Вы узнаете, как бороться с прыжками контента, оптимизировать работу с DOM-деревом и правильно настраивать серверные заголовки. Курс подойдет тем, кто уже знает основы HTML/CSS, но хочет довести свои проекты до соответствия жестким стандартам Google по производительности и доступности.
Содержание
Программа курса
По выпуску «Октябрь 2023» — самому свежему из тех, где опубликована программа.
- Обзор инструментов
- Знакомство с Lighthouse
- Знакомство с Page Speed Insights
- Выбор целевого уровня
- Реальность получения 100 из 100
- Влияние показателей на SEO
- Базовые требования гугла
- Быстрый ответ сервера
- Адекватный размер DOM
- Критические и обычные стили
- Минимизация размеров статики
- Отсутствие прыжков контента
- Основные показатели
- First Contentful Paint
- Largest Contentful Paint
- First Input Delay
- Cumulative Layout Shift
- Анализ сайтов
- Примеры хороших и кривых проектов
- Комментарии по кейсам учеников
- Выявление важнейших проблем
- Последовательность исправления
- Работа с критическим CSS
- Ручное разделение стилей
- Автоматизация разделения кода
- Эксперименты с npm 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
- Недостаточный контраст цвета
- Серверная сторона
- Gzip сжатие
- Время кеша статики
- Минификация html-ответа
- Https, http2
- Оптимизация монстра
- Пример сайта на Vue + Vuetify
- Стартовые показатели в красной зоне
- Выявление ключевых проблем
- Вывод в зелёную зону
- Неизбежное зло
- Y.Метрика и G.Аналитика
- Фреймы сторонних сайтов
- Неиспользуемый javascript
- Nginx, Apache и время кэша
Чему научитесь
- Оптимизировать веб-страницы для получения высоких оценок в Google PageSpeed Insights
- Настраивать критический CSS для ускорения отрисовки страниц
- Улучшать показатели Core Web Vitals (FCP, LCP, FID, CLS)
- Правильно реализовывать ленивую загрузку и адаптивные форматы изображений
- Настраивать серверную оптимизацию (Gzip, кэширование, HTTP/2)
- Проводить аудит верстки на соответствие требованиям доступности и производительности
Опыт участников
Отзывы участников
Отзывы собраны со страниц всех выпусков. В каждой карточке видно, к какому выпуску относится оценка.
У этой серии пока нет отзывов
Написать первымЕсли вы знакомы с одним из выпусков, поделитесь впечатлениями — это поможет другим выбрать.
Получение доступа
Как купить и скачать курс
Покупать всю серию не нужно: оформление проходит на странице выбранного выпуска.
- 1
Выберите выпуск
Сравните период, цену, статус, содержание и отзывы.
- 2
Откройте карточку
Проверьте состав материалов и нажмите кнопку получения доступа.
- 3
Оплатите долю
Для предзаказа дождитесь завершения сбора; доступный выпуск уже готов к покупке.
- 4
Получите материалы
Инструкция придёт на почту, а заказ появится в разделе «Мои складчины».
Перед покупкой
Частые вопросы о серии
Можно ли купить курс «Идеальная вёрстка» сейчас?
Да. Сейчас 2 выпуска доступны со статусом «Можно купить». Откройте карточку нужного выпуска, чтобы увидеть актуальную цену и получить доступ к оформлению.
Сколько выпусков курса «Идеальная вёрстка» доступно?
В серии собрано 2 выпуска. Каждый выпуск оформляется отдельно: на этой странице можно сравнить дату, статус, цену, скидку, рейтинг и отзывы.
Как выбрать подходящий выпуск?
Начните со свежего выпуска, если нужна наиболее новая версия материала. Архивный выпуск стоит выбрать, если вам важны программа конкретного периода, его цена или отзывы участников. Подробное содержание находится на странице каждого выпуска.
Как скачать материалы после оплаты?
После оформления инструкция приходит на электронную почту, а доступ отображается в разделе «Мои складчины» на основной платформе — оттуда можно скачать материалы. Для выпуска в предзаказе они становятся доступны после завершения сбора.
Нужно ли покупать все выпуски серии?
Нет. Выпуски — самостоятельные материалы: можно купить только выбранную версию курса. Стоимость в карточке относится именно к одному выпуску, а не ко всей серии.
Ещё по теме
Все материалы: Программирование и IT
