Que utilisiez depositphotos, des images yay ou un inventaire illimité, le problème le plus facile à ignorer sur Google page speed Insights est probablement lamp;rsquooptimisation damp;rsquoimage. Camp;rsquoest aussi lamp;rsquoune des solutions les plus simples pour accélérer le chargement du site. En gros, Google a établi un seuil entre la qualité de lamp;rsquoimage et la quantité de compression. La quantité de compression nécessaire pour dépasser la base damp;rsquooptimisation de lamp;rsquoimage de PageSpeed est négligeable par rapport à lamp;rsquoimage non améliorée.
Lamp;rsquoexemple suivant montre une image qui namp;rsquoa pas réussi ce test. Beaucoup de gens verront ces résultats et se moqueront de lamp;rsquoidée que les économies de 16,2 KB valent également la peine damp;rsquoêtre regardées. Cependant, ce namp;rsquoest quamp;rsquoune page testée. Il est important de se rappeler que les images non optimisées peuvent avoir des effets cumulatifs sur lamp;rsquoensemble du site. En outre, lamp;rsquooptimisation du site est un facteur de classement bien connu dans les moteurs de recherche. Ce namp;rsquoest peut être pas grand chose, mais aurez un avantage parce que damp;rsquoautres 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 damp;rsquoautres outils damp;rsquoétalonnage. Eww image Optimizer offre une variété damp;rsquooptions, y compris lamp;rsquoédition du niveau de compression JPG PNG GIF, le redimensionnement damp;rsquoimage, la conversion damp;rsquoimage, la suppression de métadonnées, le support webp, et plus encore. Bien sûr, il y a beaucoup damp;rsquoautres plug ins damp;rsquooptimisation damp;rsquoimage disponibles. Cependant, avec plus de 600 000 installations et mises à jour semi fréquentes, pouvez être assuré que cela continuera.
Les étapes suivantes aideront à assurer que lamp;rsquoimage namp;rsquoest pas marquée comme non optimisée. Vous namp;rsquoavez pas besoin damp;rsquoê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 cliquez et téléchargez. Cela namp;rsquoaffectera pas la vitesse de téléchargement et, en cas de problème, pouvez compresser le PDF en utilisant damp;rsquoautres outils gratuits.
Paramètres avancés La première option de lamp;rsquoonglet Paramètres avancés est de définir le niveau de qualité JPG. Je recommande fortement quamp;rsquoil soit fixé à 80. Le niveau par défaut pour WordPress est 82. Ça ne change rien, namp;rsquoest ce pas? Je ne suis pas sûr de la limite exacte de la vitesse de page, mais après avoir optimisé lamp;rsquoimage à 80, je namp;rsquoai jamais reçu damp;rsquoavertissement concernant la compression de lamp;rsquoimage. Par défaut, je lamp;rsquoai utilisé pour des dizaines de sites Web que jamp;rsquoai créés pour moi. Les deux paramètres suivants, lamp;rsquooptimisation parallèle et lamp;rsquooptimisation planifiée, que jamp;rsquoaime ne pas sélectionner. Ce processus est très rapide sur mon serveur. De plus, parfois, je namp;rsquoai pas damp;rsquoobjection à lancer manuellement eww parce que je travaille habituellement sur des sites Web damp;rsquoentreprise qui ne téléchargent pas régulièrement beaucoup de nouvelles images. avez un serveur robuste et que voulez plus de confort, essayez le.
Nous recommandons damp;rsquoinclure des dossiers de médiathèque lors de lamp;rsquoexécution à grande échelle ou de lamp;rsquooptimisation du calendrier. Le plug in dit quamp;rsquoil scannera les deux derniers dossiers de la médiathèque. Il trouve bien ses propres images. trouvez que certains répertoires ne sont pas inclus, pouvez le faire dans le dossier pour affiner la boîte. Je tiens à souligner quamp;rsquoune fois que avez ajouté un chemin à cette boîte ou ignoré la boîte de dossier, devriez appuyer sur le bouton Enregistrer immédiatement. Pour une raison ou une autre, parcourir damp;rsquoautres onglets et enregistrer semble supprimer toutes les informations que jamp;rsquoai ajoutées aux deux boîtes.
Les deux derniers paramètres, activer intégré, aide et console
La surveillance de lamp;rsquoutilisation 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 jamp;rsquoai activé est de permettre la redimensionnement des images existantes. Je ne vois pas pourquoi la plupart des gens font ça. Lamp;rsquooption de détection de redimensionnement permet de visualiser rapidement les images que souhaitez redimensionner. Samp;rsquoil est activé, il 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 utilisez une application damp;rsquoédition de photos comme crello pour enregistrer et gérer des images, 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 damp;rsquoespace de stockage pour conserver les originaux est un compromis équitable pour éviter les erreurs. conservez une copie locale de toutes les images, cela ne devrait pas avoir damp;rsquoimportance. Jamp;rsquoaime le message:
Paramètres webp Lamp;rsquoun des points saillants du plug in est le support webp. Quamp;rsquoest ce que webp? Il samp;rsquoagit damp;rsquoun format damp;rsquoimage développé par Google avec une qualité comparable à JPG, mais des fichiers plus petits. Chrome prend en charge ce format et pa
Me pour damp;rsquoautres navigateurs. Cependant, JPG peut être utilisé comme option de secours, ce qui signifie que 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. Jamp;rsquoaime laisser en blanc le webp forcé, lamp;rsquoURL du webp, la réécriture alternative du webp. Selon la configuration, devrez peut être effectuer les tests et les modifications appropriés. À ce stade, il est préférable damp;rsquoenregistrer 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 lamp;rsquooptimiseur de qualité Maintenant que 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, 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 puissiez surveiller lamp;rsquoétat. Vous verrez si les images ont été optimisées et combien elles ont économisé de leur état damp;rsquoorigine. Normalement, le scan ne devrait durer que quelques minutes. Samp;rsquoil y a beaucoup damp;rsquoimages à traiter, cela peut prendre plus de temps. La dernière chose que voulez faire est de tester votre page Web à nouveau en utilisant PageSpeed. Vous devriez voir que lamp;rsquoimage est maintenant optimisée. les signalez encore, essayez de copier le chemin du dossier et de lamp;rsquoajouter au dossier pour affiner la boîte. Une fois que connaissez lamp;rsquooptimiseur damp;rsquoimage eww, ne devriez plus traiter damp;rsquoimages non optimisées. Un bon concepteur web ne devrait pas simplement rendre leur site Web beau. Ils devraient essayer.
Je demande de les faire fonctionner aussi bien que possible. Je encourage à rechercher damp;rsquoautres optimisations recommandées par PageSpeed. Vous namp;rsquoavez pas besoin damp;rsquoobtenir une note complète, mais essayez damp;rsquoobtenir une note moyenne ou bonne.
Comment optimiser les images avec le plugin eww image Optimizer WordPress
