Laden moderne Browser nicht verwendete CSS-Bilder herunter?

Laden Browser nicht verwendete CSS-Bilder herunter?

In CSS ist es möglich, Bilder innerhalb von CSS-Regeln anzugeben, die von keinem Element verwendet werden dürfen auf der Seite. Zum Beispiel:

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

Bedeutet dies, dass nicht verwendete CSS-Bilder weiterhin vom Browser heruntergeladen werden? Die Antwort hängt von der Implementierung des jeweiligen Browsers ab.

Browserabhängiges Verhalten

Ein schneller Test mit verschiedenen Browsern zeigt das folgende Verhalten:

• Chrome: Unbenutzte Bilder nicht heruntergeladen.
• Firefox: Nicht verwendete Bilder werden nicht heruntergeladen.
• Safari: Nicht verwendete Bilder werden nicht heruntergeladen.
• IE8: Unbenutzte Bilder nicht heruntergeladen.
• IE7: Unbenutzte Bilder werden nicht heruntergeladen.

Das Verhalten von IE6 ist jedoch unbekannt. Wenn Sie die Möglichkeit haben, IE6 zu testen, kommentieren Sie bitte unten Ihre Ergebnisse.

Fazit

Basierend auf diesen Tests scheint es, dass moderne Browser im Allgemeinen keine Downloads durchführen ungenutzte CSS-Bilder, wodurch unnötiger Netzwerkverkehr und Seitenladezeiten reduziert werden.

Das obige ist der detaillierte Inhalt vonLaden moderne Browser nicht verwendete CSS-Bilder herunter?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!