Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Se você está usando Next.js, sabe que o carregamento preguiçoso de imagens pode ajudar bastante na performance, principalmente em páginas com muitsa mídias. Ainda assim, muita gente fica travada na hora de implementar isso no SSR, pensando que precisa de alguma solução complexa.
No meu time, a maior dúvida é sempre sobre o impacto no SEO.
Eu faço assim, mas cuidado com o tempo de carregamento na navegação, especialmente se a imagem estiver acima da doobra. O lazy pode dar uma sensação de quebra de experiência se não ajustar bem o placeholder.
Verdade, o Next.js já faz o trabalho pesado, só tem que ajustar o layout de carregamento pra não parecer que a página tá travada. Às vezes um placeholder ou uma low res ajuda muito.