Antwort #184 am: 10. Oktober 2013, 22:22:28
1. CSS wird größer, aber man spart einen http-request und das Laden der Datei. Aber man läßt wohl mehr Sprites, als man auf einer Seite braucht.
Umso größer das CSS ist desto länger dauert das rendern. Du sparst zwar einen http-request aber dafür wird jede Seite langsamer gerendert. Das ist ja nicht Sinn und Zweck dieser Einsparung.
3. Man könnte sich auf kleine Dateien beschränken, was ich bzgl. Request und Ladezeit auch am Sinnvollsten finde. Ich habe 8% Besucher mit IE8. Die sollte man nicht ignorieren.
4. welche? Mein Ziel ist es, Requests zu vermindern und Ladezeiten zu minimieren.
Ich benutze Sprites z.B. folgender Maßen:
1. Ein Sprite nur für den "above the fold"-Content und das dazugehörige "above the fold"-CSS inline im <head>-Bereich
2. Ein Sprite für den "below the fold"-Content.
3. Alles was im "below the fold"-Bereich liegt (Artikelbilder, CSS etc.) lade ich per lazy load nach wenn es benötigt wird.
Du könntest das ganze auch quick&dirty machen:
</body
><noscript
><link rel
="stylesheet" type
="text/css" href
="below-the-fold-inklusive-hover-sprite.css" /><noscript
> - So wird die Seite so schnell wie maximal möglich gerendert
- So wird das Sprite im <head> nochmal 50% kleiner
...
Schicke mir doch mal per PM einen Link zum Shop