Скачать [Дмитрий Лаврик] Идеальная вёрстка (2023)

[IvX]

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

Описание:

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

Этот интенсив ориентирован на:

• Людей, владеющих HTML и CSS на базовом уровне, но сталкивающихся с затруднениями при работе с инструментами Google.
• Тех, кто желает освоить верстку, соответствующую требованиям Google.

Темы, затрагиваемые на интенсиве:

1. Обзор инструментов:
   • Знакомство с Lighthouse
   • Знакомство с Page Speed Insights
   • Определение целевых показателей
   • Реалистичные ожидания от оценки результатов
2. Влияние показателей на SEO:
   • Основные требования Google, такие как быстрый ответ сервера, оптимальный размер DOM, структурирование стилей, минимизация размеров статических элементов, предотвращение скачков контента и другие.
3. Оценка ключевых показателей:
   • First Contentful Paint
   • Largest Contentful Paint
   • First Input Delay
   • Cumulative Layout Shift
4. Анализ веб-сайтов:
   • Примеры хороших и недостаточно оптимизированных проектов
   • Обсуждение проблем, выявленных участниками
   • Последовательность действий для исправления проблем
5. Оптимизация CSS:
   • Ручное и автоматизированное разделение стилей
   • Эксперименты с npm critical для улучшения загрузки CSS
   • Использование ускоряющих тегов link
6. Оптимизация изображений:
   • Форматы изображений, их вывод и ленивая загрузка
   • Работа с различными размерами изображений и srcset
7. Работа с шрифтами:
   • Использование современных форматов
   • Эффективное управление шрифтами и их загрузкой
8. Решение популярных проблем UI:
   • Оптимизация элементов пользовательского интерфейса, включая инпуты, ссылки, кнопки, фреймы и другие
9. Оптимизация серверной части:
   • Сжатие Gzip, кэширование статики, минификация HTML-ответов, протокол HTTPS, HTTP/2
10. Оптимизация сайта на примере Vue + Vuetify:
    • Выявление и исправление ключевых проблем, ведущих к улучшению показателей
11. Дополнительные темы:
    • Использование Yandex.Metrica и Google Analytics
    • Оптимизация сторонних фреймов, устранение неиспользуемого JavaScript, работа с серверами Nginx и Apache для улучшения времени кэша.

Скачать:

Качать без ограничений