Verwenden Sie CSS-Sprites, um Bildanfragen zu reduzieren

Haben Sie im Internetzeitalter, in dem das „Benutzererlebnis“ im Mittelpunkt steht, die Webseite geschlossen, weil sie zu langsam zum Öffnen ist? Ich glaube, die Antwort lautet für viele Menschen „Ja“. Stellen Sie im Zeitalter des Hochgeschwindigkeitsinternets nicht die Geduld der Internetnutzer in Guangdong auf die Probe, da dies sonst nur dazu führt, dass sich die Internetnutzer von Ihrer Website fernhalten.

Es gibt viele Möglichkeiten, Webseiten zu beschleunigen, eine davon ist die Reduzierung von HTTP-Anfragen. Jede Website verwendet Bilder. Wenn eine Website über 10 separate Bilder verfügt, bedeutet dies, dass beim Durchsuchen der Website 10 HTTP-Anfragen an den Server gestellt werden, um die Bilder zu laden. So reduzieren Sie Bildanfragen.

CSS-Sprites: Die meisten Website-Frontend-Entwickler nennen sie „CSS-Sprites“. Nehmen wir Taobao als Beispiel, um zu erklären, wie CSS-Sprites implementiert werden. Beispielsweise möchten wir das Bild „Heutige Taobao-Aktivität“ auf der Webseite anzeigen.