Идеальная вёрстка — Октябрь 2023

Name: Идеальная вёрстка
Price: 216 RUB
Availability: InStock

46 участников

О чём курс

Ваша вёрстка может быть качественной визуально, но получать низкие оценки в Chrome Lighthouse и Google PageSpeed Insights — этот интенсив объясняет, как пройти аудит Google и добиться заветных 100 баллов. Вы разберетесь, как Core Web Vitals влияют на SEO-ранжирование и научитесь устранять ошибки, которые замедляют загрузку страниц.

Внутри разбираются технические аспекты: от оптимизации критического CSS и настройки шрифтов до внедрения современных форматов изображений, таких как WebP. Вы узнаете, как бороться с прыжками контента, оптимизировать работу с DOM-деревом и правильно настраивать серверные заголовки. Курс подойдет тем, кто уже знает основы HTML/CSS, но хочет довести свои проекты до соответствия жестким стандартам Google по производительности и доступности.

Программа обучения

Обзор инструментов
- Знакомство с 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 и время кэша

Складчина создана 6 октября 2023 г. · описание обновлено 23 марта 2026 г.

Выпуски серии 2

Все 2

Октябрь 2023 Вы здесьОктябрь 2020 118 ₽

Другие материалы автора 12

ДЛ Дмитрий Лаврик Все материалы

HIGHCHARTS: создание великолепных графиков 80 ₽ 200 ₽ −60%С Современная вёрстка 466 ₽ 9 800 ₽ −95%М Мастер-класс по FlexBox вёрстке 80 ₽ 2 000 ₽ −96%

Nuxt - интенсивный базовый курс 1 618 ₽ 10 710 ₽ −85%

Разумный вайб-кодинг 863 ₽ 18 000 ₽ −95%

Progressive Web Applications 2 530 ₽ 14 700 ₽ −83%

Продвинутая вёрстка. SmartGrid 2 268 ₽ 6 900 ₽ −96%

Node.js Hardcore - Documentation First, Fastify, Ajv и прочие радости жизни 1 265 ₽ 14 700 ₽ −91%J Javascript Интенсивный базовый курс 700 ₽ 8 500 ₽ −92%К Классическая вёрстка 492 ₽ 7 900 ₽ −94%N Node.js. Базовый курс: от основ до простых realtime коммуникаций 600 ₽ 11 200 ₽ −95%

Server Side Rendering 2 214 ₽ 14 700 ₽ −85%

Отзывов пока нет. Будьте первым!

Почему полный курс стоит всего 216 ₽?

Влада Администратор сайта

Это не розничная цена — это ваш взнос в складчину. Мы собираем группу участников и делим между ними стоимость официального доступа: каждый платит только свою долю, а получает весь материал. Чем больше участников, тем меньше взнос. После того как сумма собрана, мы оформляем официальный доступ и раздаём материалы всем, кто участвовал.

Как получить курс?

Влада Администратор сайта

Нажмите кнопку «Получить доступ» на этой странице и следуйте инструкциям. Вас переведёт на форму оплаты — доступны все современные способы (карта, СБП, электронные кошельки). После оплаты на почту придёт письмо с доступом: материалы выдаются в разделе «Мои складчины» на нашем основном сайте skladchik.org. Учтите: в России skladchik.org открывается только через ускоритель интернета (VPN) — настроить его можно за пару минут по инструкции на skladchik-kak-voiti.online.

Можно ли скачать курс после покупки?

Влада Администратор сайта

Да, конечно. Все материалы — видео, PDF, дополнительные файлы — можно скачать к себе на компьютер и пользоваться ими сколько угодно, без ограничений по времени. Ссылки остаются активными в вашей библиотеке «Мои складчины».