Images Optimiser et Sprites CSS Utilisez

Une autre façon d'améliorer les performances de votre site web PrestaShop est d'optimiser vos images. Toutes les images qui utilisent environ 256 couleurs ou moins doivent être enregistrées dans le format PNG-8 en utilisant un éditeur d'image comme Paint.NET . PNG-8 est le successeur de GIF et permet la compression sans perte même dans une taille plus petite. Images avec beaucoup plus de 256 couleurs doivent être enregistrées au format JPEG. JPEG utilise une compression avec perte plutôt que de compression sans perte comme le PNG, afin de conserver une copie de l'image originale en format PNG-24 avant de la compresser. Lorsque la compression d'images au format JPEG, essayez de réduire le pourcentage de qualité autant que possible, mais pas tant que la compression est perceptible.

Essayez de garder la taille de chaque image de moins de 25 Ko, puisque c'est la taille maximale des appareils portables comme iPhone cache. Aussi, assurez-vous que votre favicon est faible, de préférence moins de 1 Ko, de sorte qu'il se charge rapidement. Vous pouvez utiliser un éditeur d'icônes comme IcoFX pour créer une icône. Envoyer l'icône sur l'onglet Préférences> Apparence.

Images référencées dans les fichiers CSS peuvent être combinées en sprites CSS pour réduire la taille de fichier des images et le nombre de demandes HTTP image. SpriteMe est un outil qui le fera automatiquement et le rapport combien de téléchargement peut être enregistré avant de l'appliquer à votre site .