Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

137
Visualizações
Why does the Image Component from next/image take a long time to load images?

Why do the images that I display using the Image component take much longer to load than those that I display using the img tag? My images are in webp format. In the screenshot https://ibb.co/jLsnLd4, the two links at the bottom are just an img tag, then some waiting and next/image loads the images. Maybe it's because the lazy loading functionality is implemented this way? The Image component uses hook useIntersection: https://github.com/vercel/next.js/blob/52139a41e90b668aa7e393c18990f1d1f5db9e22/packages/next/client/image.tsx#L10 Then this hook uses IntersectionObserver: https://github.com/vercel/next.js/blob/0af3b526408bae26d6b3f8cab75c4229998bf7cb/packages/next/client/use-intersection.tsx#L89 Or maybe the reason is that the Image img component always has decoding="async"? https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/decoding Can this affect the download speed in any way? Do you have any suggestions?

about 4 years ago · Juan Pablo Isaza
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda