Plugin EWWW pour l'optimisation des images WebP !

Sur les pages mobiles ou à forte intensité d'images, si les fichiers images ne sont pas optimisés, cela affecte non seulement l'expérience de l'utilisateur, mais ralentit également les performances de l'ensemble du site et affecte même le classement dans les moteurs de recherche. Avec l'aide de Optimiseur d'images EWWW Plug-ins.Utilisateurs novices sans connaissances techniquesIl est également facile à mettre en place WordPress Les images du site web sont converties en WebP afin d'augmenter considérablement la vitesse de chargement. Cet article vous guidera pas à pas dans la configuration et l'utilisation de ce plugin afin d'optimiser rapidement les images.

Image[1]-Tutoriel d'optimisation des images du plugin EWWW : Activer facilement le WebP pour améliorer les performances de WordPress

Introduction du plugin EWWW Image Optimizer

EWWW Image Optimizer est un plugin d'optimisation d'images développé pour WordPress avec les fonctionnalités suivantes :

  • Permet de générer localement des copies WebP sans dépendre de services externes.
  • Optimisation automatique des images téléchargées et traitement par lots des images historiques
  • offrir Apache et Nginx Prise en charge de l'autoloading WebP sous
Image[2]-Tutoriel d'optimisation des images du plugin EWWW : Activer facilement le WebP pour améliorer les performances de WordPress
Image[3]-Tutoriel d'optimisation des images du plugin EWWW : Activer facilement le WebP pour améliorer les performances de WordPress

en ce qui concerneWebmasters sans compétences en développementPar exemple, EWWW offre une expérience "setup and go" avec une interface de configuration simple, ce qui en fait un outil idéal pour les nouveaux venus qui souhaitent démarrer rapidement.

Deuxièmement, installez et activez le plug-in

  1. Connectez-vous à votre système WordPress
  2. Cliquez sur [Plug-in] > [Installer le plug-in] dans le menu de gauche.
  3. Tapez "EWWW Image Optimizer" dans la boîte de recherche.
  4. Trouvez le plugin et cliquez sur "Installer maintenant" puis sur "Activer".
Image[4]-Tutoriel d'optimisation des images du plugin EWWW : Activer facilement le WebP pour améliorer les performances de WordPress

Après une installation réussie, l'entrée de configuration du plugin apparaîtra dans le menu [Settings], cliquez pour entrer dans le panneau de configuration.

Activation de la prise en charge de WebP

Après avoir défini les paramètres, procédez comme suit pour activer le format d'image WebP :

  1. Cochez "Version WebP" pour activer la génération de fichiers WebP.
  2. EWWW supporte des règles de réécriture pour permettre au navigateur de sélectionner automatiquement le format d'image approprié. Par exemple, "JS WebP Rewriting" ou "Picture WebP Rewriting" peuvent être activés et configurés selon les besoins.
Image[5]-Tutoriel d'optimisation des images du plugin EWWW : Activer facilement le WebP pour améliorer les performances de WordPress

Quatrièmement, optimiser les anciennes images par lots et activer l'optimisation automatique

Pour que toutes les images de votre site soient converties au format WebP, deux actions doivent être effectuées :

1) Optimisation par lots d'images historiques

  • Dans le backend de WordPress, cliquez sur [Media] > [Batch Optimisation].
  • Recherche d'images non optimisées et lancement du traitement par lots
Image[6]-Tutoriel d'optimisation des images du plugin EWWW : Activer facilement le WebP pour améliorer les performances de WordPress
  • Cette procédure génère le fichier .webp correspondant que le navigateur doit appeler.

2. l'optimisation automatique des images nouvellement téléchargées

EWWW compresse et génère automatiquement des WebP lorsque vous téléchargez de nouvelles images par défaut, sans aucun réglage supplémentaire. Tout ce que vous avez à faire est de télécharger les images comme d'habitude et il fera l'optimisation pour vous automatiquement.

V. Comment vérifier que le WebP est correctement chargé ?

Une fois la configuration terminée, il est recommandé de vérifier manuellement que la page appelle correctement les images WebP.

Méthode 1 : Outils de développement du navigateur

  1. Ouvrez n'importe quelle page de votre site web avec Chrome
  2. Appuyez sur "F12" pour ouvrir les outils de développement et passez à l'onglet "Réseau".
  3. Rafraîchir la page et filtrer les ressources images (type=img)
  4. Vérifiez si le type d'image est image/webpou l'inclure dans le chemin d'accès .webp
Image [7]-Tutoriel d'optimisation des images du plugin EWWW : Activer facilement le WebP pour améliorer les performances de WordPress

Méthode 2 : Vérifier le code source de la page ou le chemin de requête dans DevTools

Vous pouvez également consulter la page directement HTML Le code source ou l'adresse du lien de l'image pour confirmer qu'une image WebP a été appelée.

Image[8]-Tutoriel d'optimisation des images du plugin EWWW : Activer facilement le WebP pour améliorer les performances de WordPress

résumés

EWWW Image Optimizer est un plugin d'optimisation d'image simple qui vaut la peine d'être utilisé pendant longtemps. Il ne nécessite aucune connaissance en codage, il suffit de quelques étapes simples de configuration pour obtenir la génération et le chargement automatiques d'images WebP. Avec la prise en charge du navigateur, les plugins de mise en cache et les CDN, cette solution peut réduire de manière significative la bande passante des images, améliorer la vitesse d'ouverture sur mobile et rendre votre site web plus efficace en termes de performances et d'efficacité. RÉFÉRENCEMENT Les avantages sont synchronisés.


Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨询:1025174874
(iii) Courriel : info@361sale.com
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
© Déclaration de reproduction
Cet article a été rédigé par Zhong
LA FIN
Si vous l'aimez, soutenez-le.
félicitations135 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires