Nuxt•6mo ago

NuxtPicture sometimes slower than original?

How can it be that the compressed image takes longer to load than the unoptimized image used with an img tag? As you can see from the screenshot the optimized image with 34KB took 2.53s to load. While the unoptimized image with 1.5MB took only 116ms. How can this be? Here is the fullscreen background imagenuxt-picture usage:

  <sde-picture
   :src="coverImageUrl"
   :img-attrs="{ fetchpriority: 'high' }"
   format="avif,webp"
 />

  <sde-picture
   :src="coverImageUrl"
   :img-attrs="{ fetchpriority: 'high' }"
   format="avif,webp"
 />

compared to:

  <img :src="coverImageUrl" />

  <img :src="coverImageUrl" />

The original image is a .jpg file.

0 Replies

No replies yetBe the first to reply to this messageJoin

Gaming

Programming

NuxtPicture sometimes slower than original?