1º paso:
Utiliza texto en vez de gráficos que contienen texto. Se debe intentar utilizar texto HTML en lugar de imágenes tipográficas allí donde sea posible hacerlo. Hay veces que utilizamos gráficos para mostrar una letra bonita o llamativa pero que resulta pesada al cargar. Si no es estrictamente necesario, debemos obviar esta práctica ya que los textos se bajan en una fracción de segundo, en cambio, las imágenes tardan bastante mas tiempo.2º paso:
Reduce el peso de las imágenes, Podemos aligera peso intentando recortar nuestras imágenes reduciéndolas de tamaño al guardarlas en formatos adecuados para la web. Cabe destacar que para fotos es mejor utilizar el formato JPG y para imágenes de colores “planos” (dibujos, logotipos…) utilizaremos el formato GIF.
A modo orientativo se debe buscar que las imágenes no superen los 15 KB y que todos los elementos de una página no pesen más allá de 100 KB. Incluso hay “webmasters” que recomiendan no exceder de los 50 KB.3º paso:
Aprovechar la caché, es como un almacén en el que se guardan todos aquellos archivos que ya se han bajado por si el usuario los necesita de nuevo. Mientras mas veces reutilicemos los elementos de la web mejor. Se recomienda utilizar cabeceras, pies y menús que utilicen las mismas imágenes ya que solo tendremos que bajar una sola vez estos elementos. A partir de ahí, los gráficos se abren de la memoria caché del disco duro.