Préchargement des images avant CC - par soudeurs

Question

J'ai vu un PPT de steve souders sur le chargement des images avant le CSS pour une situation similaire dont j'ai besoin .... mais je ne suis pas clair sur ce que le code réel est de faire cela. Je suppose qu'il chargé quelque chose avant le css et dans son ppt, il dit que ce

new Image().src = "http://webcelerity.com/blog/wp-content/themes/carrington-blog-faster/images/sprite.png 

mais ce serait génial si quelqu'un peut me montrer ce que la tête doc ressemblerait vraiment comme

pour ref; here est le ppt

Merci pour votre aide à l'avance

Answer 1

La méthode des images de préchargement a été autour depuis des siècles, première fois que je l'avais vu était quand je Dreamweaver MX pour faire des effets de survol. En utilisant cette méthode, vous pouvez paralléliser le téléchargement des images et les mettre en cache dans le navigateur (sans avoir besoin de les afficher réellement à ce moment-là).

En ce qui concerne votre question, la tête du document ressemblerait à quelque chose comme:

<script type="text/javascript"> 
var images = ['img1.jpg', 'img2.jpg']; 

for(var i = 0, len = images.length; i < len; i++) { 
    new Image().src = images[i]; 
} 
</script> 
<link rel="stylesheet" type="text/css" href="your_css_file.css" />