1
Оптимизируйте изображения
Используйте WebP/AVIF формат, lazy loading для изображений ниже первого экрана, и задайте width/height.
<img src="hero.webp" width="1200" height="600" loading="eager" alt="...">2
Включите кэширование
Настройте Cache-Control заголовки для статических ресурсов.
Cache-Control: public, max-age=31536000, immutable3
Уменьшите TTFB
Используйте CDN, оптимизируйте серверные запросы, включите HTTP/2.
4
Предзагрузите критические ресурсы
Добавьте preload для шрифтов и hero-изображений.
<link rel="preload" href="/fonts/main.woff2" as="font" type="font/woff2" crossorigin>Проверьте ваш сайт
Запустите аудит и узнайте, есть ли эта проблема на вашем сайте
Запустить бесплатный аудит