CSS Sprite Generator sinnvoll?

[ds170477]

Abend zusammen,

bei der Shopoptimierung bin ich auf folgendes Tool gestossen:
CSS Sprite Generator

Ist dies sinnvoll? Sollte man dies in die stylesheet.css einbinden und wie definiert bzw.
legt man die Sprite.jpg ab?

Gruss

Daniel



Linkback: https://www.modified-shop.org/forum/index.php?topic=5985.0

[kwiekids]

Hallo Daniel,

auf Shopseiten erachte ich die CSS-Sprite Methode als nicht sonderlich sinnvoll, aufgrund der häufig wechselnden Bildern. Was ich auf der Startseite diesbezüglich gemacht habe:
Ich habe die Grafiken, die erst einmal für etwas länger bestehend bleiben als ein Bild zusammen gefasst und über "maps" Definition getrennt.

Ansonsten ist wie bereits beschrieben folgende Variante zu empfehlen:
ANLEITUNG: Minify für modified eCommerce Shopsoftware - mehr Performance für den Shop

Die CDN Thematik, die im YSlow bewertet wird, ist nur etwas für Seiten, die nicht mit gemischten HTTP und HTTPS Umgebungen arbeiten und vor allem über mehrere Domain Services im Bildbereich arbeiten, oder arbeiten müssen

cheers
kwiekids
-oli-

[kwiekids]

Hier noch ein Beispiel zu MAP für ein Zusammengefasstes Bild in der Größe width="141" height="343" - um somit anstatt 3 Requests nur einen zu erzeugen.

Dieses Verfahren bietet sich an, wenn gewissen Bilder länger verwendet werden und kann
beliebig variiert und so oft wie sinnvoll z.B. auf der Startseite zum Einsatz kommen.

Beispiel:

Code: PHP  [Auswählen]

<map name="INDEX-SEITE" id="INDEX-SEITE">
         <area shape="rect" coords="4,128,139,260"
         href="https://www.DOMAIN.de" target="_blank" alt="TEXT" title="TEXT2" />
         <area shape="rect" coords="4,267,138,320"
         href="LINK.html" title="TEXT3" alt="TEXT4" />
         <area shape="rect" coords="3,17,140,111"
         href="LINK2.html" title="TEXT5" alt="TEXT6" />
</map>
 

cheers
kwiekids
-oli-