Ускорение загрузки
Приемы для повышения производительности сайта.
Установка бюджетов производительности
Оптимизация изображений
- 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-кода
- Применение мгновенной загрузки с помощью шаблона 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
- Быстрое воспроизведение с предварительной загрузкой аудио и видео