Consejos Prácticos en producción web - Imagenes que cargan mas rapido

Desde el Netscape 2.0 que se provee del atributo LOWSRC para el elemento IMG. Este LOWSRC se usa para apuntar a una imágen que contenga menos colores, o tenga menos resolución, y que será mostrada antes de intentar cargar la imágen SRC.

Luego, cuando se haya recuperado todo el documento, y las imágenes LOWSRC, se procede con la carga de las imágenes SRC, encima de las anteriores.

Definir el tamaño de las imágenes

Si uno define el tamaño de las imágenes en el mismo documento, se muestra el texto completo primero, y luego se comienzan a cargar las imágenes en espacios previamente reservados. Esto es muy útil ya que no es necesario esperar a que se cargen las imágenes para poder visualizar el documento.

Así,:

<IMG SRC="imagen.gif" WIDTH=30 HEIGHT=80>

es mejor que:

<IMG SRC="imagen.gif">