Evite utilizar o atributo “img src” vazio

A utilização do atributo “img src” vazio acontece mais do que vocês imaginam, podendo aparecer das duas seguintes formas:

» Em HTML

<img src=””>

» Em JavaScript

var img = new Image();

img.src = “”;

Ambas as formas causam o mesmo efeito: uma nova requisição ao seu servidor.

» Internet Explorer faz uma requisição ao diretório onde a página está localizada.

» Safari and Chrome fazem uma requisição à página atual.

» Firefox 3 e versões anteriores se comportam da mesma maneira que Safari e Chrome, mas a versão 3.5 já não envia mais uma requisição.

» Opera não faz nada quando um “img src” vazio é encontrado.

A realização de uma nova requisição ao servidor é ruim para o carregamento da sua página, pois pode sobrecarregá-lo enviando uma grande quantidade de tráfego inesperado, especialmente para páginas que recebem um enorme número de visualizações por dia.

Além disso, existe a possibilidade de que você esteja rastreando seu site através de um sistema deWebAnalytics, seja por cookies ou outra maneira, e os dados sejam corrompidos, pois ao encontrar o “img src” vazio a página não consegue ser visualizada.

O HTML 5 adiciona a seguinte descrição ao atributo “img src”, de modo que os navegadores não tenham que fazer uma nova requisição aos servidores de hospedagem:

“O atributo src deve estar presente, e deve conter uma URL válida referente a uma imagem, opcionalmente animada. Se a URL do elemento é a mesma do endereço do documento, então o atributo não deve ficar vazio.”

fonte: Yahoo! Developer Network