Réduire le poids des images via le redimensionnement automatique

Lorsqu’on aborde le temps de chargement (pour le seo), on parle bien souvent d’optimiser les images. Nous avons déjà vu des techniques à base d’optipng, de jpegtrans, ou même de Gulp. Mais ces optimisations ne servent finalement pas à grand chose si les images sont de tailles trop volumineuses.
Ex: vous avez une image de 4000 x 2000 pixels qui fait 6,2 Mo. Vous pouvez surement l’optimiser pour arriver à 6 Mo, mais avez-vous vraiment besoin de cette taille ? Peut être qu’une simple image de 300 x 150 suffirait ? Voyons ici comment redimensionner automatiquement au plus juste ces images.

Lire la suite

Optimisation de code – comment faire perdre du poids aux pages – les images – 4/5

Cette partie va s’intéresser aux images. Utilisez des sprites css Cette technique regroupe plusieurs images en un seul fichier. Et les positionne à l’aide de CSS. En conséquence, vous avez considérablement réduit le nombre de requêtes HTTP et vous avez éviter tout retard potentiel d’autres ressources sur votre page. Lorsque vous utilisez votre sprite , évitez de … Lire la suite