Envoyer une image sur WordPress : Inutile de les optimiser avant !
Le 18 décembre 2023
5 mins
Loading
Qui suis-je ?
Je suis Thomas Dupont, développeur spécialisé en JavaScript et TypeScript depuis 10 ans.
J'ai eu l'occasion de résoudre la dette technique sur des applications utilisées par des centaines de milliers de personnes.
Je m'intéresse à la sécurité, au SEO et j'apporte beaucoup d'attention à la qualité du code.
Tous mes clients bénéficient d'une garantie d'un an sur le code que je livre.
Vous avez besoin d'un développeur qui place la qualité du code et l'intérêt des clients au centre de son travail ?
Lorsqu'il s'agit d'optimiser les images pour WordPress, de nombreuses idées fausses circulent, et l'une d'entre elles concerne la pré-optimisation des images avant leur téléchargement. Cependant, cette approche n'est pas seulement inefficace, mais elle peut également être contre-productive. Dans cet article, nous allons explorer pourquoi laisser WordPress gérer les images de grande taille est une stratégie plus simple et efficace.
Vous pouvez envoyer des Images de Grande Taille à WordPress
Contrairement à la croyance populaire, il est avantageux d'envoyer des images de grande taille à WordPress. La plateforme les redimensionne automatiquement en une largeur maximale de 2560 pixels, une taille idéale pour les bannières en pleine largeur. Ce processus simplifie la gestion des images et garantit une qualité optimale.
Utiliser les Images Retaillées de WordPress
Si vous avez besoin de différentes tailles d'images à différents endroits, WordPress stocke automatiquement des images retaillées en plusieurs sous-tailles, Grande/Moyenne/Miniature. Cela offre la flexibilité de réutiliser la même image à divers emplacements, en différentes tailles, sans nécessiter une optimisation préalable.
La Magie du srcset pour les Tailles Appropriées
WordPress utilise la magie du srcset pour afficher les tailles appropriées sur les appareils mobiles. Les éditeurs et constructeurs de pages, comme Elementor, intègrent efficacement cette fonctionnalité, assurant une expérience visuelle optimale sur tous les dispositifs.
Extension de Conversion en WebP pour une Optimisation Supplémentaire
Pour une optimisation encore plus poussée, l'installation d'une extension de conversion en WebP est recommandée. Cette extension convertit les images en formats JPG/PNG en WebP, réduisant considérablement la taille des fichiers. EWWW, une extension gratuite, s'avère particulièrement efficace et offre une rétrocompatibilité utile dans des environnements où le support total du WebP n'est pas encore généralisé.
Chargement Différé (Lazy-Loading) : Une Dernière Astuce
Pour améliorer davantage les performances du site, profitez du chargement différé (lazy-loading). Cette fonctionnalité garantit que les images situées en bas de page ne sont pas chargées initialement, améliorant ainsi le temps de chargement global.
WordPress s’occupe de tout
Laissez WordPress gérer les images à votre place. Pensez bien à intégrer une extension de conversion en WebP pour une optimisation complète et activez le chargement différé. Pour vérifier l'efficacité de ces méthodes, n'hésitez pas à effectuer des tests en envoyant des images de différentes tailles et formats, et observez les tailles des fichiers générés. Vous serez surpris par les résultats.
Aller plus loin
Si vous avez des questions ou si vous cherchez des conseils supplémentaires, n'hésitez pas à nous contacter.
En résumé
Envoyez des images de grande taille à WordPress ; la plateforme les redimensionnera automatiquement à une taille maximale de 2560 pixels. Cette méthode garantit une gestion simplifiée des images et une qualité optimale, éliminant le besoin de pré-optimisation.
WordPress stocke des versions redimensionnées des images (Grande/Moyenne/Miniature) pour leur utilisation flexible sur le site. Il utilise également la fonctionnalité srcset pour afficher des tailles d'image appropriées sur différents appareils, améliorant ainsi l'expérience utilisateur sur les mobiles.
Installez une extension de conversion en WebP, comme EWWW, pour convertir les images JPG/PNG en formats WebP plus légers. Activez également le chargement différé (lazy-loading) pour améliorer les performances du site en ne chargeant les images en bas de page que lorsque nécessaire. Laissez WordPress gérer le processus d'optimisation pour de meilleurs résultats.
