Les textes enrichis d’images ou d’autres éléments graphiques telles que des icônes ou des vidéos reçoivent davantage d’interactions de la part des visiteurs. Un article composé d’éléments visuels rend en effet la lecture plus légère et agréable. De plus, nous vivons une époque où l’information afflue.
Chaque jour, des milliers d’articles sont publiés sur la toile et les internautes ont plus que l’embarras du choix pour trouver réponses à leurs requêtes. C’est l’une des raisons pour lesquelles prendre soin de sélectionner des images de qualité et attractives est impérative. Choisir le bon visuel pourra déterminer le succès ou l’échec de votre contenu.
Toutefois, bien que les images soient désormais un des leviers essentiels pour attirer l’œil du visiteur, elles représentent également l’une des causes du mauvais chargement d’une page. Elles consomment en effet une partie de la bande passante. De ce fait, il peut parfois arriver qu’une page mette du temps à apparaître ou bien ne s’affiche pas correctement sur nos écrans. 
On peut en déduire que la plupart des internautes confrontés à ce cas n’attendront probablement pas l’affichage complet et quitteront une page au chargement mal optimisé.
Outre la perte d’utilisateurs, un mauvais temps de chargement représente également un problème majeur pour le référencement d’une page sur Google, ce dernier pénalisant les pages au chargement trop lent. La combinaison de ces 2 facteurs peut entraîner une perte de visiteurs conséquente. C’est pourquoi veiller à ce que ses pages aient un temps de chargement optimisé participe grandement à une bonne stratégie de référencement naturel
Une grande majorité de personnes détectent ce problème lorsqu’elles auditent les performances SEO d’un site. Dans la plupart des cas, elles ne savent malheureusement pas comment le résoudre. En outre, l’optimisation des images via leur compression est généralement associée à une perte de qualité. Il existe pourtant des outils gratuits en ligne qui permettent de réduire nettement le poids des images sans que ce soit perceptible à l’œil nu.
3 outils pour optimiser vos photos
Dans cet article nous allons comparer 3 outils gratuits d’optimisation d’images et confronter leur efficacité. Nous testerons par la suite pour vous 2 outils en ligne d’évaluation de vitesse de chargement d’une page. Grâce à eux, vous pourrez déterminer si vous devez optimiser davantage vos pages web afin d’améliorer leur référencement organique et, par conséquent, vos chances d’attirer des visiteurs. Pour établir ce test comparatif, nous allons utiliser l’image suivante. Son poids original s’élève à 499 Ko et sa taille est de 1920 x 1268 px.
| TinyPNG | Squoosh | Compressor.io | |
| UX/UI | Rapide et intuitif | Très visuel. Possibilité d’avoir un avant-après | Très visuel. Possibilité d’avoir un avant-après |
| Formats acceptés | JPG / PNG | JPG / PNG / Mozjpg / WebP | JPG / PNG / GIF / SVG |
| Téléchargement des fichiers | Jusqu’à 20 fichiers en même temps | Un par un | Un par un |
| Poids maximum | 5MB | Jusqu’à 10MB -Accepte plus lourd mais la page se bloque- |
10MB |
| Enregistrement | Sur votre ordinateur Sur Dropbox |
Sur votre ordinateur | Sur votre ordinateur Sur Dropbox |
| Choix de la qualité | Impossible | Possible | Impossible |
| Besoin de connexion | Oui | Non | Oui |
| Changer la taille | Impossible | Possible | Impossible |
| Développeur | API | Stephane.Ly | |
| Taille affectée ? | Non | Non | Non |
| Optimisation | 57% | 56% | 39% |
| Poids final | 178,3 KB | 184KB | 253 KB |
| Qualité | La qualité de la photo n’a pas été affectée par la transformation. En revanche, son poids occupe moins de la moitié de ce qu’il occupait avant la compression. On peut voir que la texture du plumage du flamant rose est inchangée et contient toujours autant de détails. Les couleurs non plus n’ont pas été transformées lors de l’optimisation. Nous pouvons en conclure que TinyPNG n’interfère par sur la qualité des photos, les changements apportés étant imperceptibles à l’oeil nu. | Avec Squoosh, on constate que les détails dans la texture du plumage sont moins visibles que dans la photo originale. La tête et le bec en revanche, conservent à peu de choses près la même qualité. Les couleurs sont également les mêmes après transformation. Le plus de cet outil est qu’il nous permet de varier la réduction du poids de l’image. | Compressor.io est l’outil qui préserve le mieux la qualité de l’image originale. On peut en effet difficilement percevoir les changements. La photo est extrêmement similaire à l’originale. Elle préserve tous les détails et la texture du plumage du flamant rose |
-
Image TinyPNG -
Image Squoosh -
Image Compressor.io
En conclusion…
Chaque outil a pu considérablement réduire le poids de l’image originale. TinyPNG et Squoosh ont notamment atteint plus de 55% d’optimisation et Compressor.io -quant à lui un peu moins-, 39%. Toutes les images ont conservé leur qualité et leurs couleurs et même si c’est Compressor qui se démarque sur ce point, Squoosh effectue également une belle performance. Nous avons d’ailleurs pu voir que la texture de l’image y est meilleure que dans la version de TinyPNG.
Optimiser ses images est l’un des aspects majeurs des bonnes pratiques SEO et de l’élaboration d’un contenu adapté aux critères de référencement des moteurs de recherche. Bien réduites, les images pourront améliorer le temps de chargement d’une page et ainsi satisfaire autant les internautes que Google. Maintenant que vous avez optimisé toutes vos images, vous pouvez tester la vitesse de chargement de votre page. Voici comment.
2 outils pour analyser la vitesse de chargement d’une page
Keyweo a sélectionné 2 outils qui peuvent vous permettre d’analyser la vitesse de chargement d’une page. Le résultat obtenu déterminera si votre site nécessite de plus amples optimisations ou s’il est suffisament rapide. 
Google PageSpeed Insight
Google PageSpeed Insight est très simple d’utilisation. Vous avez simplement à coller l’URL de la page que vous souhaitez analyser dans l’espace dédié. En moins d’une minute, vous obtiendrez un rapport détaillé sur les points à améliorer sur votre page et un score global du temps de chargement de cette dernière.
Si vous obtenez un pourcentage élevé affiché sur fond vert, vous pouvez considérer que votre page est bien optimisée. Dans le cas contraire, à vous désormais d’analyser le rapport de Google et de prendre les décisions qui s’imposent pour maximiser vos chances d’être bien positionné sur les moteurs de recherche.
GTmetrix
GTmetrix fonctionne de la même façon que l’outil proposé par Google. Vous collez l’URL de la page à tester et l’outil s’occupe de lui accorder une note et un diagnostic en quelques secondes.
GTmetrix est en revanche plus visuel et plus intuitif que Google PageSeed Insight pour les utilisateurs. De plus, les actions à effectuer pour optimiser le temps de chargement de votre page sont hiérarchisées par ordre de priorité. Concernant les aspects techniques à améliorer, GTmetrix procure une analyse plus complète et approfondie pour vous aider à cibler les opportunités d’optimisation.
Pour finir…
De nombreux outils sont disponibles en ligne gratuitement pour vous aider à améliorer les performances de votre site et l’expérience de ses visiteurs. Par ailleurs, certaines actions simples comme la réduction du poids de vos images peuvent considérablement vous aider à améliorer le référencement naturel de votre site sur les moteurs de recherche.
Pour l’anecdote, parmi les moteurs de recherche les plus utilisés se tient très largement en tête Google, tant dans la catégorie PC de bureau que mobile. Selon Stat Counter, en 2017 Google était utilisé pour 92,31% des recherches face à 2,96% pour Bing, 2,2% pour Yahoo et enfin 1,05% pour le chinois Baidu.
Outre satisfaire les moteurs de recherche, optimiser vos pages est primordial face à la tendance qui prime aujourd’hui chez les internautes : la navigation depuis un mobile. Les mobinautes sont en effet de plus en plus nombreux. Gardez à l’esprit que la connexion mobile est pour le moment moins puissante qu’une connexion domestique. C’est pourquoi penser à réduire au maximum le temps de chargement de vos pages coïncide avec les besoins de vos visiteurs.
Optimiser vos images n’est qu’un des nombreux points à prendre en compte pour une bon référencement naturel. Pour plus de conseils, n’hésitez pas à consulter les autres articles SEO de notre blog.
Et vous, quels outils utilisez-vous pour optimiser le SEO de votre site web ?
