O número de requisições em um site influência muito em sua performance, e você acha que talvez entegramos coisas desnecessárias ao nosso usuário? E um grande responsável por isso são as imagens, nem sempre todas visualizadas, mas como podemos diminuir esses números de requests desnecessários?

Basicamente o Echo.js faz o request da imagem só quando ela aparece na área visual do browser, sem a necessidade de fazer todas requisições de uma única vez.

Outra coisa, o Echo.js é puramente em Javascript, nada de jQuery ou outros frameworks. Você encontra o repositório do projeto aqui, lembrando abra a Devtools e veja a requisições. Aqui você encontra um exemplo prático disponibilizado pelo criador do Echo.js,e mostra como é fácil de utiliza-lo, apenas passando a utilizar o atributo data-echo para pegarmos o caminho da imagem.

<!-- Utilizando o atributo data-echo="" -->
<img data-echo=”exemplo.png” alt=”Exemplo”>

Há outras maneiras de melhorarmos a performance do nosso site em relação a imagens como css sprites, minificar imagens, mas e você, já utilizou essa?