Ускорение загрузки
Приемы для повышения производительности сайта.
Core Web Vitals
- Web Vitals
- Ориентированные на пользователя показатели производительности
- Определение пороговых значений показателей Core Web Vitals
- Скорость загрузки основного контента (LCP)
- Совокупное смещение макета (CLS)
- Время ожидания до первого взаимодействия с контентом (FID)
- Оптимизация скорости загрузки основного контента
- Оптимизация совокупного смещения макета
- Оптимизация времени ожидания до первого взаимодействия с контентом
Установка бюджетов производительности
Оптимизация изображений
- Choose the right image format
- Choose the correct level of compression
- Сжатие изображений с помощью средства Imagemin
- Replace animated GIFs with video for faster page loads
- Адаптивная загрузка изображений
- Serve images with correct dimensions
- Использование изображений WebP
- Оптимизация изображений при помощи специализированных CDN
Оптимизация JavaScript-кода
- Optimize long tasks
- Optimize Interaction to Next Paint
- Применение мгновенной загрузки с помощью шаблона PRPL
- Сокращение размера полезной нагрузки JavaScript за счет разделения кода
- Удаление неиспользуемого кода
- Minify and compress network payloads
- Serve modern code to modern browsers for faster page loads
- Публикация, доставка и установка современного JavaScript для ускорения работы приложений
- How CommonJS is making your bundles larger
Оптимизация доставки ресурсов
- Content delivery networks (CDNs)
- Prioritize resources
- Настройте предварительную загрузку критических ресурсов для повышения скорости загрузки
- Establish network connections early to improve perceived page speed
- Prefetch resources to speed up future navigations
- Быстрое воспроизведение с предварительной загрузкой аудио и видео
- Optimize Time to First Byte