Optimieren Sie Bilder und Formate CSS Sprites

Eine weitere Möglichkeit, die Leistung Ihrer Website zu verbessern PrestaShop ist, um Ihre Bilder zu optimieren. Alle Bilder, die Farben zu verwenden etwa 256 oder weniger sollte im Format 8 gerettet werden im PNG-Hilfe ein Bildbearbeitungsprogramm wie Paint.NET . PNG-8 ist der Nachfolger von GIF und bietet die gleiche verlustfreie Komprimierung in einer kleineren Größe. Bilder mit viel mehr als 256 Farben sollten im JPEG-Format gespeichert werden. JPEG verlustbehaftete Kompression verwendet, anstatt eine verlustfreie Komprimierung wie PNG, so behalten Sie eine Kopie des ursprünglichen Bildes im PNG-24-Format vor es zu komprimieren. Beim Komprimieren Bilder als JPEGs, um die Qualität Prozentsatz so viel wie möglich zu reduzieren, aber nicht so sehr, dass die Kompression bemerkbar, ist zu versuchen.

Versuchen Sie, die Größe der einzelnen Bilder unter 25 KB zu halten, denn das ist die maximale Größe Handy-Geräte wie iPhones wird Cache. Stellen Sie außerdem sicher, dass Ihr Favicon ist klein, vorzugsweise weniger als 1 KB, so dass sie schneller geladen wird. Sie können ein Icon-Editor wie IcoFX zu erstellen Sie ein Symbol. Laden Sie das Symbol auf der "Einstellungen"> Registerkarte "Darstellung".

Bilder Dateien verwiesen in CSS Sprites können CSS kombiniert werden, um Zugriffe zu reduzieren die Dateigröße der Bilder und die Anzahl der HTTP Bild. SpriteMe ist ein Tool, das tun wird automatisch und melden, wie viel herunterladen können gerettet werden, bevor es auf Ihre Website .