Optimisation des images pour le plugin WordPress Elementor

Le concept de blocs modulaires constituant les articles et les pages WordPress est arrivé aux côtés de Gutenberg, mais en réalité, WordPress lui-même est de structure modulaire. Prenez votre médiathèque WordPress, par exemple. Vous pouvez télécharger des images et les utiliser dans des articles ou des pages, quel que soit l'éditeur que vous utilisez. Dans cet article, nous nous concentrons spécifiquement sur Elementor et sur la façon dont vous pouvez optimiser les images à l'aide d' ImageRecycle .

Tout comme Gutenberg, Elementor est un éditeur Wordpress qui vous permet de créer des articles ou des pages tout en voyant à quoi ils ressembleront pour vos lecteurs. La structure d'Elementor est également similaire à celle de Gutenberg car elle utilise le concept désormais familier de blocs. Cela rend l'utilisation de la bibliothèque multimédia WordPress encore plus facile, y compris lors de l'ajout d'images optimisées. Tout d'abord, comment optimiser les images sur WordPress?

Optimisation des images avec ImageRecycle

Si vous n'avez jamais utilisé ImageRecycle , l'optimisation des images WordPress est un processus simple et rapide. Vous devrez d'abord télécharger et installer le plugin ImageRecycle sur votre site Web WordPress. Une fois que vous avez installé le plugin, accédez à sa configuration dans le menu des paramètres et entrez votre clé API et votre secret. Enregistrez les modifications et si la clé et le secret correspondent, vous pouvez commencer à optimiser les images immédiatement.

Vous pouvez accéder à l' interface principale d' ImageRecycle partir du menu Média . Cette page est simple et assez simple à utiliser. Il répertorie toutes les images de votre bibliothèque multimédia, ainsi que leurs tailles et taux de compression. Vous pouvez cliquer sur le optimize bouton situé à côté images individuelles pour les compresser, ou sur l' optimisation ensemble bouton pour optimiser toutes les images à fois.

Une grande partie de ce qui se passe pendant la compression dépend des paramètres de ImageRecycle . Par exemple, vous pouvez choisir d'utiliser la meilleure compression d'économie ou de qualité d'origine, qui peut compresser les images jusqu'à 80 % et 20 % respectivement. Vous pouvez en savoir plus sur la différence entre ces deux modes ici .

Quel que soit le mode d'optimisation que vous choisissez, ces images sont enregistrées dans votre bibliothèque multimédia WordPress, ce qui signifie que vous pouvez les utiliser dans vos publications et pages… quel que soit l'éditeur que vous utilisez. Dans le reste de cet article, nous nous concentrons sur un éditeur particulier: Elementor.

Utilisation d'images optimisées dans Elementor

Elementor est un puissant éditeur de publications et de pages WordPress. Comme Gutenberg, il organise le contenu en blocs, chacun représentant un élément différent. Comme vous le savez, aucun site Web n'est vraiment complet sans images et Elementor ne manque pas dans le domaine des blocs d'images. C'est là qu'intervient la médiathèque.

Nous avons commencé l'article en expliquant que WordPress lui-même est plutôt modulaire, et c'est là que tout est lié. D'où Elementor tirerait-il ses images, sinon de la médiathèque? Autrement dit, la même bibliothèque multimédia WordPress que vous venez d'optimiser avec ImageRecycle .

L' ImageRecycle des images compressées d' ImageRecycle dans Elementor est aussi simple que de glisser-déposer n'importe quel bloc d'image - qu'il s'agisse d'une image de base, d'un carrousel, d'une galerie ou autre - et de charger les images. Vous choisissez des images directement à partir de la médiathèque WordPress, qui charge automatiquement les images compressées.

WordPress est essentiellement modulaire et ce serait un gaspillage de ne pas l'exploiter. ImageRecycle lié à n'importe quel éditeur que vous utilisez sans nuire à votre flux de travail. Tout ce que vous avez à faire est d'optimiser les images et de les insérer plus tard dans votre blog, vous permettant ainsi d'optimiser l'expérience de vos lecteurs WordPress, quel que soit l'éditeur que vous utilisez.