Performance

Image size

Checks if images are optimized for the web.

Pourquoi est-ce important ?

Unoptimized images are often the largest contributor to heavy page weight. A 3 MB photo shown as a 300px thumbnail is pure waste of bandwidth and load time.

Comment le corriger ?

Scale images to the maximum display size before uploading. Compress with tools like Squoosh, TinyPNG or ImageOptim. Use width and height attributes to prevent Layout Shift.

Ce check note de 0 à 100. Sous 50 c’est un échec, 50 à 89 un avertissement, 90 ou plus c’est bon. Après chaque crawl vous voyez la note par page dans le rapport, avec une courte explication.

Questions fréquentes

Checks if images are optimized for the web.

Unoptimized images are often the largest contributor to heavy page weight. A 3 MB photo shown as a 300px thumbnail is pure waste of bandwidth and load time.

Scale images to the maximum display size before uploading. Compress with tools like Squoosh, TinyPNG or ImageOptim. Use width and height attributes to prevent Layout Shift.

Exemple

Copiez le code ci-dessous et adaptez le nom de domaine, la marque et le contenu à votre situation.

<img
    src="/images/hero-800.webp"
    srcset="/images/hero-400.webp 400w,
            /images/hero-800.webp 800w,
            /images/hero-1600.webp 1600w"
    sizes="(max-width: 768px) 100vw, 50vw"
    alt="SEO dashboard for yourdomain.com"
    width="800"
    height="450"
    loading="lazy"
>
<!-- Scale image to maximum display size before uploading -->
<!-- Use WebP/AVIF for 25-50% smaller files than JPEG -->
Essai gratuit