Kommentare zu: Kürzere Ladezeiten durch CSS-Sprites

Von: Blog-Ladezeiten verbessern: ein Nachmittag als Nerd

Blog-Ladezeiten verbessern: ein Nachmittag als Nerd — Sun, 27 Dec 2009 13:21:42 +0000

[...] diverse kleine Grafiken (Twitter, das Auge-Icon, RSS-Icon, etc.) zu einer zusammen fassen und dann per CSS-Positionierung Ausschnitte davon als Hintergründe nutzen. Das würde auch wieder einige [...]

Von: Dieter

Dieter — Fri, 18 Dec 2009 06:08:08 +0000

Es ist schon erstaunlich, welche Geschwindigkeitsvorteile CSS-Sprites gerade beim Einsatz vieler kleiner Grafiken wie Icons bringen können.

Ich setze auf meiner neuesten Website Webseiten-Infos.de diese Technik zusammen mit dem Zusammenfassen von CSS- und JavaScript-Dateien ein und konnte die Anzahl der HTTP-Requests um über die Hälfte reduzieren. Die Seiten sind spürbar schneller da.

Weitere hilfreiche Generatoren für CSS-Sprites gibt es beispielsweise unter http://www.csssprites.com und css-sprit.es (siehe auch meinen Beitrag "CSS-Sprites mit Generator erstellen").

Von: Marcel

Marcel — Tue, 15 Dec 2009 21:01:55 +0000

@domingos:

Matt Cutts hat letztens in einem Interview gesagt das die Ladezeit bald ein Rankingfaktor sein wird. Ob dem wirklich so ist oder ob dieses schon länger als Rankingfaktor zählt weiß ich natürlich nicht.

Das Youtube-Video mit dem Interview

Gru0
Marcel

Von: David Hellmann

David Hellmann — Tue, 15 Dec 2009 20:54:39 +0000

Finde das nicht so OK das Google das mit einbezieht. Das heisst ja im Grunde das der, der mehr Geld für gute Server ausgibt besser gerankt wird als der, der das Geld nicht hat. Sollte nicht der Content entscheiden über den Rank bei einer Suchmaschine?

OK, man müsste wissen welche Gewichtung das ganze hat.

Von: domingos

domingos — Tue, 15 Dec 2009 17:55:33 +0000

Meines Wissens nach ist die Ladezeit schon lange ein Ranking-FAktor bei Google. Es soll einige Unternehmen geben, die ihre Server in die Nähe von Google-Rechenzentren bauen, um noch ein paar Milisekunden herauszuholen. Meine Quelle ist Professor Eduard Heindls Vorlesung zu Online-Marketing, die kann, wer will, als MP3 herunterladen.

Von: Chris Heilmann

Chris Heilmann — Tue, 15 Dec 2009 09:19:42 +0000

Und wenn man faul ist kann man sprites mit http://spriteme.org/ und dem http://spritegen.website-performance.org/ auch automatisch erstellen – aus Bildern und das CSS wird einem erstellt.

Von: Webstandard-Team

Webstandard-Team — Tue, 15 Dec 2009 08:19:50 +0000

Nicht zuletzt aufgrund der Ankündigung von Google die Ladezeit zu einem Ranking-Faktoren werden zu lassen, wird dieser hier beschrieben Ansatz mehr in den Fokus gerückt.

Von: Der Caspers

Der Caspers — Wed, 31 Dec 1969 22:59:59 +0000

Noch zwei kleine Tricks, um ein kleines bisschen mehr an Performance rauszuholen:
Zum einen, auch und gerade wenn man die Grafiken nach Farben zusammenfasst, kann man noch ein paar Bytes einsparen, wenn man in Photoshop ein bisschen mit dem Tontrennungs-Schieberegler rumspielt und die verwendeten Farben damit noch weiter reduziert bzw. ähnliche vereinheitlicht.
Dann die Hintergrundbilder für anständige Browser per data-URI direkt ins CSS einbinden, spart nochmal einen Request. Ok, für einen gewissen marktführenden Browser muss man das Bild noch mal auf herkömmliche Art referenzieren, aber da die meisten modernen Seiten eh eine iehacks.css haben kann man dass dann quasi als IE-Strafsteuer dort erledigen.