Comment optimiser les images avec le plugin eww image Optimizer WordPress

Que vous utilisiez depositphotos, des images yay ou un inventaire illimité, le problème le plus facile à ignorer sur Google page speed Insights est probablement l’optimisation d’image. C’est aussi l’une des solutions les plus simples pour accélérer le chargement du site. En gros, Google a établi un seuil entre la qualité de l’image et la quantité de compression. La quantité de compression nécessaire pour dépasser la base d’optimisation de l’image de PageSpeed est négligeable par rapport à l’image non améliorée.
L’exemple suivant montre une image qui n’a pas réussi ce test. Beaucoup de gens verront ces résultats et se moqueront de l’idée que les économies de 16,2 KB valent également la peine d’être regardées. Cependant, ce n’est qu’une page testée. Il est important de se rappeler que les images non optimisées peuvent avoir des effets cumulatifs sur l’ensemble du site. En outre, l’optimisation du site est un facteur de classement bien connu dans les moteurs de recherche. Ce n’est peut – être pas grand – chose, mais vous aurez un avantage parce que d’autres concepteurs Web semblent ignorer ce problème facile à résoudre.
Heureusement, il existe un plug – in qui répond facilement aux exigences de la vitesse de page et d’autres outils d’étalonnage. Eww image Optimizer offre une variété d’options, y compris l’édition du niveau de compression JPG \/ PNG \/ GIF, le redimensionnement d’image, la conversion d’image, la suppression de métadonnées, le support webp, et plus encore. Bien sûr, il y a beaucoup d’autres plug – ins d’optimisation d’image disponibles. Cependant, avec plus de 600 000 installations et mises à jour semi – fréquentes, vous pouvez être assuré que cela continuera.
Les étapes suivantes vous aideront à vous assurer que l’image n’est pas marquée comme non optimisée. Vous n’avez pas besoin d’être un expert en installation et configuration
Réinitialisez le PDF à un niveau non compressé. Premièrement, la compression PDF est une fonctionnalité avancée. Deuxièmement, les PDF sont souvent ce que vous cliquez et téléchargez. Cela n’affectera pas la vitesse de téléchargement et, en cas de problème, vous pouvez compresser le PDF en utilisant d’autres outils gratuits.
Paramètres avancés La première option de l’onglet Paramètres avancés est de définir le niveau de qualité JPG. Je recommande fortement qu’il soit fixé à 80. Le niveau par défaut pour WordPress est 82. Ça ne change rien, n’est – ce pas? Je ne suis pas sûr de la limite exacte de la vitesse de page, mais après avoir optimisé l’image à 80, je n’ai jamais reçu d’avertissement concernant la compression de l’image. Par défaut, je l’ai utilisé pour des dizaines de sites Web que j’ai créés pour moi. Les deux paramètres suivants, l’optimisation parallèle et l’optimisation planifiée, que j’aime ne pas sélectionner. Ce processus est très rapide sur mon serveur. De plus, parfois, je n’ai pas d’objection à lancer manuellement eww parce que je travaille habituellement sur des sites Web d’entreprise qui ne téléchargent pas régulièrement beaucoup de nouvelles images. Si vous avez un serveur robuste et que vous voulez plus de confort, essayez – le. Nous vous recommandons d’inclure des dossiers de médiathèque lors de l’exécution à grande échelle ou de l’optimisation du calendrier. Le plug – in dit qu’il scannera les deux derniers dossiers de la médiathèque. Il trouve bien ses propres images. Si vous trouvez que certains répertoires ne sont pas inclus, vous pouvez le faire dans le dossier pour affiner la boîte. Je tiens à souligner qu’une fois que vous avez ajouté un chemin à cette boîte ou ignoré la boîte de dossier, vous devriez appuyer sur le bouton Enregistrer immédiatement. Pour une raison ou une autre, parcourir d’autres onglets et enregistrer semble supprimer toutes les informations que j’ai ajoutées aux deux boîtes.
Les deux derniers paramètres, activer intégré, aide et console
La surveillance de l’utilisation peut être activée au besoin. Redimensionner les paramètres Tous les paramètres de cet onglet ou sont en fait explicites. Le seul réglage que j’ai activé est de permettre la redimensionnement des images existantes. Je ne vois pas pourquoi la plupart des gens font ça. L’option de détection de redimensionnement vous permet de visualiser rapidement les images que vous souhaitez redimensionner. S’il est activé, il vous permet de parcourir le site Web (après votre connexion) et de voir des images qui ne sont pas correctement redimensionnées. Votre image peut être supérieure à 1000 pixels et réduite à une colonne supérieure à 480 pixels. CSS le redimensionnera, mais la taille du fichier restera grande. Il est préférable de fournir des images redimensionnées pour accélérer le temps de chargement.
Paramètres de conversion Si vous utilisez une application d’édition de photos comme crello pour enregistrer et gérer des images, vous ne trouverez peut – être pas ces paramètres très utiles. Même si je n’ai jamais eu de problème, j’aime conserver l’image originale dans l’installation WordPress. Je pense que sacrifier un peu d’espace de stockage pour conserver les originaux est un compromis équitable pour éviter les erreurs. Si vous conservez une copie locale de toutes les images, cela ne devrait pas avoir d’importance. J’aime le message: \
Paramètres webp L’un des points saillants du plug – in est le support webp. Qu’est – ce que webp? Il s’agit d’un format d’image développé par Google avec une qualité comparable à JPG, mais des fichiers plus petits. Chrome prend en charge ce format et pa
Me pour d’autres navigateurs. Cependant, JPG peut être utilisé comme option de secours, ce qui signifie que vous devriez vraiment activer JPG \/ PNG sur webp. Cet article existe depuis plusieurs années, mais il fait du bon travail en comparant webp et JPG. J’aime laisser en blanc le webp forcé, l’URL du webp, la réécriture alternative du webp. Selon la configuration, vous devrez peut – être effectuer les tests et les modifications appropriés. À ce stade, il est préférable d’enregistrer les modifications. Vous devez cliquer sur Insérer une règle de dérogation pour implémenter la fonctionnalité webp. Ces règles sont ajoutées au fichier htaccess. Vous devriez recevoir une notification de succès et, après la mise à jour de la page, le texte PNG sur fond rouge devrait être changé en webp sur fond vert. Utilisation de l’optimiseur de qualité Maintenant que vous avez configuré tous les paramètres, il est temps de démarrer le plug – in! Allez à media \/ Batch Optimizer pour commencer. Lors de la première optimisation, vous pouvez désactiver la ré – Optimisation forcée et sélectionner le temps de pause entre les images. Vous pouvez maintenant cliquer sur rechercher des images non optimisées. Une barre de progression est affichée afin que vous puissiez surveiller l’état. Vous verrez si les images ont été optimisées et combien elles ont économisé de leur état d’origine. Normalement, le scan ne devrait durer que quelques minutes. S’il y a beaucoup d’images à traiter, cela peut prendre plus de temps. La dernière chose que vous voulez faire est de tester votre page Web à nouveau en utilisant PageSpeed. Vous devriez voir que l’image est maintenant optimisée. Si vous les signalez encore, essayez de copier le chemin du dossier et de l’ajouter au dossier pour affiner la boîte. Une fois que vous connaissez l’optimiseur d’image eww, vous ne devriez plus traiter d’images non optimisées. Un bon concepteur web ne devrait pas simplement rendre leur site Web beau. Ils devraient essayer.
Je vous demande de les faire fonctionner aussi bien que possible. Je vous encourage à rechercher d’autres optimisations recommandées par PageSpeed. Vous n’avez pas besoin d’obtenir une note complète, mais essayez d’obtenir une note moyenne ou bonne.