En tant qu’architecte, votre site comporte intrinsèquement beaucoup d’images. Les images sont indispensables mais attention, des images trop lourdes peuvent nuire à la performance de votre site. En effet, ce dernier va mettre plus de temps à charger, ce qui peut irriter vos visiteurs et impliquer qu’un grand nombre de visiteurs quittent votre site prématurément.
Google pourrait ne pas apprécier votre site non plus… Et croyez-nous, vous ne voulez pas que Google ne vous aime pas !
Souvent, réduire le poids d’une image implique de perdre en qualité. Mais rassurez-vous, une qualité moindre ne veut pas toujours dire une image désagréable à regarder. Et heureusement, ils existe des astuces pour garder des images jolies mais plus légères.
Pourquoi optimiser les images de son site Internet ?
Quels sont les avantages d’optimiser ses images sur un site web ? Il y en a une multitudes. En 2018, d’après HTTP Archive, 21% du poids total d’une page web en moyenne, étaient des images. Elles sont donc un élément important pour optimiser les performances de votre site, si ce n’est pas la première chose à optimiser. De plus, il est facile de mettre en place une habitude d’optimisation d’images. Donc, pourquoi ne pas le faire ?
Voici les principaux avantages :
- amélioration de la vitesse de chargement des pages de votre site web : c’est un élément très important car de nos jours, les visiteurs ne patientent plus. Si votre site est lent, ils partiront de votre site, sans avoir pu découvrir votre travail et vos différents projets.
- amélioration de votre référencement : si votre site a un bon temps de chargement, vos visiteurs resteront et navigueront sur votre site. Ainsi vos statistiques globales de performance seront bonnes, et les moteurs de recherche vous valoriseront au niveau du référencement. De plus, si vos images sont bien optimisées, elles apparaisseront probablement plus rapidement dans l’onglet “Images” de Google. Les images sont une bonne porte d’entrée pour votre site, alors ne les négligez pas !
Comment optimiser ses images pour avoir une meilleure performance de votre site ?
On l’a déjà évoqué, optimiser ses images c’est bien, mais on veut garder un résultat agréable pour les yeux. Par optimisation, on entend donc trouver l’équilibre entre la taille de fichier la plus petite et une qualité acceptable. La base de l’optimisation se trouve dans la simple compression des images, avant de es télécharger vers votre CMS (votre outil de création de site).
Pour ce faire, il faut se concentrer sur le choix du bon format de fichier et le type de compression à utiliser. Le choix de cette combinaison est important, car elle peut réduire jusqu’à 5 fois votre image.
Comment choisir le bon format de vos images ?
Voici les 2 formats d’images les plus courants sur Internet, il faut choisir le bon suivant votre objectif :
- PNG : images de meilleure qualité, donc de plus grande taille. Permet de garder les zones de transparences d’une image.
→ parfait pour les images simples
- JPEG : possibilité de régler le niveau de qualité pour trouver le meilleur équilibre entre qualité et taille du fichier. Ne permet pas de gérer les zones de transparences d’une image.
→ parfait pour les images avec beaucoup de couleurs
Vous avez sûrement remarqué d’autres formats, mais ceux-ci ne sont pas supportés par tous les navigateurs. Concentrez donc vos efforts sur les formats JPEG et PNG.
Comment choisir la compression optimale ?
Il faut garder en tête qu’une page de site web doit peser au maximum 1 ou 2 Mo.
Lorsque votre image est trop lourde, essayez plusieurs réglages de compression pour trouver le réglage optimal.
Pour information, une image simple en PNG devrait peser moins de 100 Ko, pour avoir une excellente performance.
Des solutions existent pour vous simplifier la tâche sur WordPress
Si vous avez construit votre site grâce à WordPress, vous voilà sauvés !
Le CMS, dispose d’une grande richesse: ses extensions. Et heureusement, des personnes ont pensé à développer des extensions résolvant ce problème d’optimisation des images. Quelle délivrance, n’est-ce pas ?
Grâce à ces extensions, vous n’avez plus à faire l’optimisation à la main, elles le feront automatiquement. Ces extnensions sont vraiment magiques, elles permettent également d’optimiser toutes les images déjà téléchargées sur votre site. Ce qui peut être très pratique pour vous en tant qu’architecte, car votre site – s’il est déjà construit – contient un grand nombre d’images.
Ceci étant dit, il ne faut pas non plus se reposer à 100% sur ces extensions. Un peu de bon sens est toujours bon à garder. Dans tous les cas, il ne faut jamais télécharger des images de 2 Mo dans votre médiathèque WordPress. A ce rythme là, vous utiliserez trop rapidement l’espace que votre hébergeur web vous fournit. Pensez donc à bien redimensionner vos images au préalable, si celles-ci sont très grandes, pour qu’elles aient un poids déjà convenable grâce à un outil tel que Canva.
→ Pourquoi utiliser Canva quand on est architecte ?
Une fois le redimensionnement fait, ajoutez votre image dans la médiathèque WordPress et utilisez une des extensions suivantes pour gérer automatiquement l’optimisation de votre image.
C’est finalement simple, non ?
Voici les meilleures extensions, gratuites, pour optimiser toutes les images de votre site web sur WordPress :
- Smush : bonne compression et illimitée (limite de taille de fichier : 1 Mo)
- ShortPixel : une des meilleures optimisation et interface agréable
- TinyPNG : optimisation de grande qualité et interface bien pensée
- EWWW Image Optimizer : complètement gratuit, sans limite de taille de fichier. Sa particularité : il fonctionne sur votre propre serveur
Vous avez encore des questions ? N’hésitez-pas à nous contacter 🙂
