Precarga de imágenes a partir de CSS
Es de sobra sabido que en la mayoría de páginas lo que más tarda en cargar son las imágenes, por ello algunos webmasters tienden a hacer pequeños trucos para evitar que aparezcan mientras aún no están cargadas.
Algunos cargan las fotos en marcos ocultos o diminutos de páginas anteriores para que cuando visiten la página con la foto (la que se verá) el navegador tire de caché y no tenga que esperar, otros ponen imágenes de precarga para hacerlo más bonito visualmente hablando… aunque lo más sencillo y rápido sería poner en los atributos de <img> tanto el alto como el ancho que va a ocupar la imagen, de esta manera el navegador deja el espacio necesario y puede seguir creando el documento sin necesidad de tener que esperar a que la imagen se cargue.
Por su parte, la gente de filament group ha creado una librería javascript que mediante el uso de Jquery es capaz de cargar todas las imágenes de un CSS (saca las rutas del css) para que cuando visitemos una página ya tenga el navegador las imágenes en cache y no tenga que esperar por ellas, una buena manera de ir preparando una página ¿verdad?
Comparte este artículo
