Executando verificação de segurança...
Respondendo a "Parabéns pela postagem, outro atributo interess..." dentro da publicação [Não disponível]
2

Exato, e vale resaltar que usando a tag <picture> é possível colocar imagens no formato webp, que atualmente é o formato que mais consegue compactar o tamanho de uma imagem mantendo uma ótima qualidade. Criada pelo Google em 2010, atualmente ela consegue a mesma qualidade ou superior de um jpg e uma qualidade com minima diferença de um png com transparência. Podendo reduzir mais de 30% do tamanho.

Seu defeito é que nem todos navegadores suportam, aí que vem a ajuda da tag <picture>, você precisará ter a versão da imagem em webp dentro na tag <source> e a versão jpg ou png na tag <img>. Assim os navegadores que não suportam webp irão ignorar a versão em webp e ler normalmente a versao "original", e navegadores que suportam iram ler as imagens webp e carregar seu site muito mais rápido. Ganhando pontuação no SEO e rankeamento no Web Light.

Quando há muitas imagens no seu site, e você utiliza webp, seu site pode carregar até 60% mais rapido. Eu já testei e garanto que a experiência do usuário melhora muito e o Google gosta de sites que utilizam esse formato.

Carregando publicação patrocinada...