Precarga simple para imágenes con Javascript
Cuando utilizamos muchos gráficos en nuestros sitios u ofrecemos imágenes en alta calidad puede resultarnos interesante precargar estas imágenes para que el sitio se muestre más rápido al usuario.
Un ejemplo de precarga simple con javascript podria ser el siguiente:
Introduce este código entre las etiquetas <head> de tu documento
- <script language="JavaScript">
- image1 = new Image();
- image1.src = "http://www.miweb.com/imagen1.png"; //ruta de la imagen
- image2 = new Image();
- image2.src = "http://www.miweb.com/imagen2.png";
- </script>
En Sentido Web hacen una aproximación «sólo CSS» del tema de las precargas: Precarga de imágenes mediante CSS, no parece un método muy ortodoxo y si seguís el enlace al sitio en inglés veréis que en los comentarios se duda de la efectividad del mismo, no obstante ahí queda como referencia para los que no queréis emplear javascript en vuestros sitios.




