Extrator de imagens sem loading=lazy

O atributo de carregamento preguiçoso diz ao navegador para só baixar a imagem quando ela estiver perto de entrar na tela. Numa página com trinta imagens em que só três aparecem sem rolar, isso é a diferença entre baixar tudo de imediato e baixar um décimo. É suportado nativamente em todos os navegadores atuais, sem biblioteca nenhuma.

Cole o HTML e a página separa as imagens que já têm o atributo das que não têm, listando origem e texto alternativo de cada uma. A análise usa o próprio interpretador de HTML do navegador, e não expressão regular — o que importa porque atributo em ordem diferente, aspas simples ou tag mal fechada quebrariam um regex e aqui não quebram.

A recomendação não é marcar tudo. As imagens visíveis no primeiro quadro, especialmente a maior delas, devem carregar imediatamente: adiar a que provavelmente é o maior elemento visível piora justamente a métrica que se quer melhorar. A regra prática é deixar as duas ou três do topo sem o atributo e marcar todo o resto.