Présentation du nouvel Ultra Smush : 5x la compression d'image avec une perte de qualité minimale

Publié: 2023-07-19

Le nouveau plug-in d'optimisation d'image primé de WPMU DEV , Ultra Smush, débloque des niveaux de compression d'image sans précédent jusqu'à 5 fois supérieurs à Super Smush , tout en conservant une qualité d'image impressionnante !

Votre site WordPress est-il rempli d'images ? Voulez-vous que ces images se chargent sur vos pages plus rapidement qu'une lamborghini qui roule sur l'autoroute et qu'elles soient plus compactes que le calendrier d'un développeur full stack ? Et faire tout cela sans presque aucune perte perceptible de qualité d'image ?

Ensuite, il est temps d'activer Ultra Smush .

Dans cet article:

  • 5x plus d'économies ? Voici les résultats
  • Comment activer le mode Ultra de Smush
  • Comment Ultra Smush se compare-t-il à Super Smush ?
  • Pourquoi la compression d'image est un gros problème

Passons directement à ce qui compte vraiment…

5x plus d'économies ? Voici les résultats

Avant d'aborder comment activer et utiliser le nouveau niveau de compression d'image Ultra Smush et pourquoi il peut fournir des résultats encore plus impressionnants que notre fonction Super Smush déjà impressionnante, partageons certains des résultats de l'utilisation d'Ultra Smush.

Tout d'abord, voici les résultats de l'exécution d'un smush en masse sur un site de test avec plus de 1 000 images de grande taille avec seulement Super Smush activé (CDN, Local WebP et Lazy Load sont inactifs)…

Économies de compression d'image grâce à Super Smush.
Avant Ultra Smush : Économies de compression d'image en utilisant Super Smush uniquement.

Après avoir activé Ultra Smush, nous avons ensuite refait le test pour voir si nous pouvions tirer quelque chose de plus d'un site déjà optimisé pour l'image.

Et ça l'a fait ! Ultra Smush a réalisé plus de 5 fois plus d'économies…

Résultats du test Bulk Smush en utilisant le mode Ultra de Smush
Après Ultra Smush : Plus de 5 fois plus d'économies sur un site déjà optimisé !

Les premiers testeurs ont rapporté avoir obtenu des résultats similaires.

Super Smush contre Ultra Smush
Résultats : Super Smush (Avant) vs Ultra Smush (Après)

Et voici quelques-uns des commentaires que nous avons reçus des premiers testeurs concernant l'impact d'Ultra Smush sur la qualité d'image :

  • "Ultra est génial. Il était difficile de trouver la différence entre les qualités. La perte de qualité est négligeable. Je suis impressionné!"
  • "Cela a l'air plutôt bien, seulement si je regarde de très près, je peux voir que certaines couleurs ne sont pas aussi vives et que certains bords ne sont pas aussi nets que sur l'original."
  • « Sur une image de taille moyenne avec beaucoup de détails, il faut regarder de très près pour voir de légères différences de saturation des couleurs. Sur une grande image avec un fond solide mais dégradé, les transitions entre les dégradés sont plus visibles et l'objet principal semble moins net. Vous devez vraiment regarder de très près et vous y attendre. Bien que ce ne soit pas pour un site photo qui exige une superbe qualité. Dans l'ensemble : assez impressionnant.

Notre équipe de développement de plugins a également effectué des tests approfondis, comparant les résultats d'Ultra Smush avec l'optimiseur d'image Ewww et TinyPNG en exécutant des tests DSSIM (une métrique de comparaison de qualité qui montre une variation par rapport à l'image d'origine - plus le score est bas, mieux c'est).

Ultra Smush a surpassé la concurrence dans la plupart des tests et est sorti grand vainqueur pour les économies de compression…

Tests Ultra Smush - Réduction de la taille moyenne des fichiers
Les tests de réduction de la taille des fichiers montrent qu'Ultra Smush est clairement le gagnant !

…et la qualité d'image (valeurs DSSIM inférieures = meilleure qualité d'image).

Tests Ultra Smush - Valeur DSSIM moyenne
Les tests DSSIM montrent qu'Ultra Smush offre des économies d'image supérieures et une meilleure qualité par rapport à la concurrence.

Pour être clair, l'utilisation d'Ultra Smush entraînera une compression avec perte , donc même si vous ne devez pas vous attendre à la qualité d'origine, les résultats seront toujours ultra-impressionnants.

Comment activer le mode Ultra de Smush

Ultra Smush n'est pas seulement une nouvelle fonctionnalité, c'est un tout nouveau niveau de compression pour les images Bulk Smushing.

Le mode Ultra est une fonctionnalité de Smush Pro qui remplace la bascule Super Smush sur la version gratuite du plug-in par des options supplémentaires "Mode Smush".

Passer en mode Ultra est ultra simple. Si Smush Pro est installé sur votre site, accédez simplement à l'écran Paramètres de Bulk Smush et sélectionnez Ultra (Compression supérieure) en cliquant sur le bouton, puis enregistrez vos paramètres.

Choisissez le niveau de compression pour les images de compression en masse qui correspond le mieux à vos besoins.

Le mode Smush offre trois niveaux de compression pour les paramètres Bulk Smush :

  • De base – Choisissez cette option pour une réduction minimale de la taille du fichier (faibles économies), une compression sans perte au pixel près de la qualité d'image d'origine et un impact négligeable sur la vitesse.
  • Super - Pour des chargements de page plus rapides, sélectionnez ce paramètre pour une réduction substantielle de la taille du fichier avec une excellente clarté d'image. Super Smush permet d'économiser jusqu'à 2 fois la compression de vos images (compression avec perte).
  • Ultra – Sélectionnez cette option de compression pour une compression de performance de qualité professionnelle. Ultra Smush fournit des niveaux de compression jusqu'à 5 fois supérieurs à Super, tout en préservant une qualité d'image impressionnante.

Après avoir activé Ultra Smush dans les paramètres de votre plug-in, vous pouvez surveiller les résultats à partir de l'onglet Performances du Hub.

Le Hub : Onglet Performances - Ultra Smush
Affichez les résultats d'optimisation d'Ultra Smush dans The Hub.

Remarques:

  • Si vous préférez continuer à optimiser les images en utilisant les paramètres de base (sans perte) ou Super Smush, sélectionnez simplement ces options de niveau de compression à la place.
  • Si vous activez Ultra Smush sur un site où Smush est déjà en cours d'exécution, n'oubliez pas de revérifier toutes les images et d'effectuer un nouveau Bulk Smush pour bénéficier d'économies d'optimisation supplémentaires.
Bulk Smush - Revérifier les images
Après avoir activé Ultra Smush, relancez Bulk Smush pour optimiser encore plus votre site.

Comment Ultra Smush se compare-t-il à Super Smush ?

Alors que Super Smush offre une optimisation d'image jusqu'à 2 fois plus rapide sans pratiquement aucune perte visible de qualité, le nouveau moteur de compression d'Ultra Smush offre jusqu'à 5 fois une réduction de la taille des fichiers pour obtenir des résultats de compression exceptionnels.

Remarque : Actuellement, Ultra Smush améliore uniquement les images JPEG. Des fonctionnalités pour améliorer les images PNG seront ajoutées dans les futures versions du plugin.

Pour en savoir plus sur Ultra Smush, consultez la documentation du plugin Smush.

Pourquoi la compression d'image est un gros problème

Si vous débutez avec l'optimisation WordPress, il est important de savoir que l'utilisation de la compression d'image sur les sites Web offre plusieurs avantages significatifs qui améliorent l'expérience utilisateur globale et les performances du site, tels que :

Vitesses de chargement plus rapides

Les images compressées sont de plus petite taille, ce qui signifie qu'elles prennent moins de temps à se charger lorsque quelqu'un visite votre site Web WordPress. Des vitesses de chargement plus rapides améliorent la satisfaction des utilisateurs et réduisent les taux de rebond. De plus, la vitesse de chargement des pages est un facteur crucial pour le référencement, car les moteurs de recherche ont tendance à donner la priorité aux sites Web à chargement rapide dans leurs résultats de recherche.

Expérience utilisateur améliorée

Lorsque les images se chargent rapidement, les utilisateurs sont plus susceptibles de rester engagés avec votre contenu. Des images compressées de haute qualité garantissent que les visiteurs peuvent accéder aux éléments visuels de votre site Web sans attendre des temps de chargement prolongés. Cette expérience positive peut entraîner une fidélisation accrue des utilisateurs et des taux de conversion plus élevés.

Économies de bande passante

Les images compressées consomment moins de bande passante, ce qui rend votre site Web plus efficace, en particulier pour les utilisateurs avec des forfaits de données limités ou des connexions Internet plus lentes. Cela peut être particulièrement important pour les utilisateurs mobiles, car ils ont souvent des allocations de données restreintes.

Charge de serveur réduite

Des tailles d'image plus petites se traduisent par une charge de serveur réduite, car le serveur doit traiter et transmettre moins de données pour chaque demande d'image. Cela peut aider à prévenir les problèmes de performances pendant les heures de pointe et à réduire les coûts d'hébergement.

Meilleurs classements SEO

Google et d'autres moteurs de recherche considèrent la vitesse de chargement des pages comme l'un des facteurs de classement. Des temps de chargement plus rapides, obtenus grâce à la compression des images, peuvent avoir un impact positif sur le référencement de votre site Web et potentiellement conduire à un meilleur classement dans les moteurs de recherche.

Facilité de sauvegarde et de restauration

Les fichiers image plus petits sont plus rapides à sauvegarder et à restaurer, ce qui facilite la gestion efficace des sauvegardes de votre site Web.

Considérations d'accessibilité

Des temps de chargement plus rapides profitent à tous les utilisateurs, y compris les personnes handicapées qui peuvent compter sur des lecteurs d'écran ou avoir un accès limité à la bande passante.

Le moyen le plus simple d'implémenter la compression d'image sur les sites Web WordPress consiste à utiliser un plugin comme Smush, qui peut être facilement installé et configuré pour gérer automatiquement la compression et l'optimisation des images lorsque vous téléchargez des médias sur votre site WordPress (à la fois en interne vers la médiathèque et les médias externes). répertoires) sans compromettre la qualité visuelle.

Choisissez Ultra Smush pour une optimisation d'image supérieure

Comme mentionné précédemment, Ultra Smush est une fonctionnalité Smush Pro. Si vous utilisez actuellement le plugin gratuit Smush, envisagez de devenir membre de WPMU DEV et commencez à profiter d'économies supplémentaires et d'améliorations des performances, ainsi que d'un accès à la plate-forme de gestion WordPress "tout-en-un" la plus robuste disponible n'importe où.

Donc, si votre objectif est de réduire considérablement la taille des fichiers image et d'automatiser l'ensemble du processus, la solution est ultra simple... activez Ultra Smush sur tous vos sites WordPress et bénéficiez d'une optimisation jusqu'à 5 fois supérieure en économies de compression d'image et d'une qualité d'image impressionnante.

Avez-vous déjà commencé Ultra Smusshing vos images dans WordPress ? Partagez vos résultats dans les commentaires ci-dessous.