Перейти к основному контенту
web.dev
Ресурсы
  • Веб-платформа
  • Погрузитесь в веб-платформу в удобном для вас темпе.
  • HTML
  • CSS
  • JavaScript
  • Пользовательский опыт
  • Узнайте, как улучшить пользовательский опыт.
  • Эффективность
  • Доступность
  • Идентификация
  • Обучение
  • Освойте веб-разработку.
  • Изучите HTML
  • Изучите CSS
  • Изучите JavaScript
  • Изучите ИИ
  • Изучите производительность
  • Изучите доступность
  • Больше курсов
  • Дополнительные ресурсы
  • Изучите коллекции контента, шаблоны и многое другое.
  • ИИ и Интернет
  • Исследовать
  • PageSpeed Insights
  • Подкасты и усилители; шоу
  • Информационный бюллетень для разработчиков
  • О веб.деве
Обзор Базовый уровень Как использовать базовую линию Блог Истории успеха
/
  • English
  • Deutsch
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어
Войти
  • Articles
ИИ и Интернет Быстрое время загрузки Изучите основные веб-жизненные показатели Идентификация Прогрессивные веб-приложения Платежи Уведомления Как оптимизировать INP Надежность сети Реагировать Анимации Мини-приложения СМИ Безопасно и надежно Веб-сборка Устройства Легко обнаружить автоматизация тестирования Угловой
web.dev
  • Ресурсы
    • Ещё
    • ИИ и Интернет
    • Быстрое время загрузки
    • Изучите основные веб-жизненные показатели
    • Идентификация
    • Прогрессивные веб-приложения
    • Платежи
    • Уведомления
    • Как оптимизировать INP
    • Надежность сети
    • Реагировать
    • Анимации
    • Мини-приложения
    • СМИ
    • Безопасно и надежно
    • Веб-сборка
    • Устройства
    • Легко обнаружить
    • автоматизация тестирования
    • Угловой
  • Обзор
  • Базовый уровень
  • Как использовать базовую линию
  • Блог
  • Истории успеха
  • Введение
  • Почему скорость имеет значение?
  • Что такое скорость?
  • Как измерить скорость?
  • Как оставаться быстрым?
  • Core Web Vitals
  • Web Vitals
  • Метрики производительности, ориентированные на пользователя
  • Определение пороговых значений показателей Core Web Vitals
  • Самая большая содержательная краска (LCP)
  • Совокупное изменение макета (CLS)
  • Взаимодействие со следующей отрисовкой (INP)
  • Оптимизировать самую большую содержательную отрисовку
  • Оптимизация совокупного смещения макета
  • Оптимизация взаимодействия с следующей отрисовкой
  • Наиболее эффективные способы улучшения основных веб-показателей,Наиболее эффективные способы улучшения основных веб-показателей
  • Основные рабочие процессы Web Vitals с инструментами Google
  • Оптимизация ключевых показателей веб-доступа для лиц, принимающих бизнес-решения.
  • Измеряйте производительность в полевых условиях
  • Использование отчета Chrome UX для оценки производительности на местах
  • Почему лабораторные и полевые данные могут отличаться (и что с этим делать)
  • Почему данные CrUX отличаются от моих данных RUM?
  • Оптимизируйте доставку ресурсов
  • Оптимизировать время до первого байта
  • Сети доставки контента (CDN)
  • Расставьте приоритеты в ресурсах
  • Предварительная загрузка критически важных ресурсов для повышения скорости загрузки.
  • Устанавливайте сетевые соединения заранее, чтобы улучшить воспринимаемую скорость загрузки страниц
  • Предварительная выборка ресурсов для ускорения навигации в будущем.
  • Быстрое воспроизведение с предварительной загрузкой аудио и видео
  • Адаптивное обслуживание на основе качества сети
  • Оптимизируйте изображения
  • Выберите правильный формат изображения
  • Выберите правильный уровень сжатия
  • Используйте Imagemin для сжатия изображений
  • Замените анимированные GIF-файлы видео для более быстрой загрузки страниц.
  • Подавайте адаптивные изображения
  • Подавайте изображения с правильными размерами
  • Используйте изображения WebP
  • Используйте CDN изображений для оптимизации изображений
  • Ленивая загрузка изображений и видео
  • Отложенная загрузка изображений на уровне браузера для Интернета
  • Оптимизация веб-шрифтов
  • Рекомендации по использованию шрифтов
  • Избегайте невидимого текста во время загрузки шрифта
  • Оптимизация загрузки и рендеринга веб-шрифтов.
  • Уменьшить размер веб-шрифта
  • Оптимизируйте свой CSS
  • Отложить некритичный CSS
  • Минимизировать CSS
  • Извлеките критический CSS
  • Оптимизация фоновых изображений CSS с помощью медиа-запросов