Optimiser un site WordPress
5 leçons
Optimiser les images d’un site Web
Dans ce tutoriel, vous découvrirez pourquoi et comment optimiser vos images afin de rendre votre site WordPress rapide et performant.
Les points-clés à retenir
- Les images et les vidéos sont la première source de lenteur et de ralentissement sur un site web.
- Il est possible de vérifier la vitesse d’une page à l’aide des outils PageSpeed Insights et Pingdom
- La définition d’une image numérique correspond au nombre de pixels en longueur fois le nombre de pixels en largeur.
- Il y a peu d’ordinateurs dont la largeur dépasse 1920 pixels. Le trafic web est désormais plus important sur mobile que sur ordinateur.
- Le MacBook Pro 16 pouces Retina possède une Résolution native de 3072 x 1920 pixels.
- L’iMac Retina 5K de 27 pouces possède une Résolution native de 5 120 x 2 880 pixels.
- Un appareil photo muni d’un capteur 4/3 (4 000 x 3 000 pixels) produit une image de 12 mégapixels. Les photos prisent avec un appareil photo numérique doivent donc être retravaillées avant d’être diffusées sur le Web.
- WordPress créait automatiquement plusieurs versions de différentes tailles des images téléchargées.
- Le format JPEG (plus performant) est à privilégier au format PNG.
- Le format WebP est désormais recommandé par Google. Le plugin Imagify vous permet de transformer vos images au format WebP.
- Le format SVG (image vectorielle) est à privilégier pour les icônes et les logos.
Les ressources utiles
- Convertio (Convertir une image PNG en JPEG ou JPG)
- dpilove (Connaître la taille d’un écran)
- Tiny (Compresser une image en ligne)
- Github (Optimiser un fichier SVG)
- Breakpoints Generator (Générer des images responsives)
- Imagify (Plugin d’optimisation)
- Illustrator ou Inkscape (Créer des images vectorielles)
Les liens utiles
Le mot de votre formateur
Clément Rousseau
Consultant SEO et formateur WordPress
Avant de télécharger vos images sur votre site WordPress, vous devez vous assurer de les mettre au format JPG, de les redimensionner et de les compresser. Par la suite, il vous sera possible de les convertir au format WebP, à l’aide du plugin Imagify, afin de les rendre parfaitement optimisées.