Les navigateurs modernes téléchargent-ils les images CSS inutilisées ?

Les navigateurs téléchargent-ils les images CSS inutilisées ?

En CSS, il est possible de spécifier des images dans les règles CSS qui ne peuvent être utilisées par aucun élément. dans la page. Par exemple :

.nothingHasThisClass {
  background: url(hugefile.png);
}

Cela signifie-t-il que les images CSS inutilisées sont toujours téléchargées par le navigateur ? La réponse dépend de l'implémentation du navigateur spécifique.

Comportement dépendant du navigateur

Un test rapide sur différents navigateurs montre le comportement suivant :

• Chrome : les images inutilisées ne le sont pas téléchargées.
• Firefox : les images inutilisées ne sont pas téléchargées.
• Safari : les images inutilisées ne sont pas téléchargées.
• IE8 : les images inutilisées ne le sont pas téléchargé.
• IE7 : les images inutilisées ne sont pas téléchargées.

Cependant, le comportement d'IE6 est inconnu. Si vous avez la possibilité de tester IE6, veuillez commenter ci-dessous avec vos résultats.

Conclusion

Sur la base de ces tests, il semble que les navigateurs modernes ne téléchargent généralement pas images CSS inutilisées, réduisant ainsi le trafic réseau inutile et les temps de chargement des pages.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!