WebP Images: Tout ce que Vous devez savoir + Pratique

WebP Images: Tout ce que Vous devez savoir + Pratique, Safe PBN

Depuis 2010, PageSpeed Insights affiche « fournir des images dans des formats modernes ». Mais qu’est-ce que cela signifie exactement? Que sont les images WebP et comment pouvez-vous les réaliser sur votre site web? Je vais vous aider à comprendre le format D’image WebP et vous montrer comment l’installer sur des sites Web!

WebP-Bilder konvertieren samt Praxisbeispiel

WebP-Bilder konvertieren samt Praxisbeispiel

Images WebP: haute qualité d’image avec une petite taille de fichier – trop beau pour être vrai?

Qu’est-ce que WebP?

WebP est un format D’image de Google qui 2010 a été lancé. Le but était de pouvoir présenter des images plus efficacement sur Internet, sans avoir de lourdes pertes en qualité.

Il en résulte deux méthodes de compression: la compression sans perte et avec perte pour les images sur le Web. Le format D’image WebP est né. Grâce à WebP, il est possible de réduire les images à l’information indispensable pour la présentation. Cela se traduit par une réduction de la taille du fichier tout en permettant de maintenir la qualité des images de très haute qualité.

Selon Données de Google les images PNG sans perte peuvent être réduites jusqu’à 26% dans leur taille de fichier, tandis que les images JPEG avec perte peuvent être réduites de 25 à 34%. Ici, Google a participé à la Indice de qualité SSIM orienté pour pouvoir établir une comparaison appropriée.

Maintenant, vous savez ce Qu’est WebP. Dans l’étape suivante, regardons son fonctionnement.

Comment fonctionne WebP?

Comme WebP se divise en compression sans perte et avec perte d’images, je voudrais vous montrer brièvement ici Quelle est la différence entre ces deux:

Conversion Sans Perte comprend la reconstruction d’images dans d’autres formats D’image sans perte de qualité.

Conversion Avec Perte correspond à la suppression des informations D’image non obligatoires, ce qui se traduit par une taille de fichier inférieure, au prix de quelques pertes de qualité.

Pour mieux comprendre comment WebP réalise ces économies exceptionnelles avec une qualité aussi constante que possible, voici maintenant L’explication de la compression:

Compression WEBP Avec Perte

Ici, le Codage Prédictif utilisé pour encoder des images. Cette fonction permet de déterminer les prévisions de blocs des macroblocs. Cela permet d’économiser des informations de mouvement et de couleur redondantes, ce qui se traduit par une économie de taille de fichier. Le Codec vidéo VP8 (Format sans frais de licence pour les fichiers vidéo compressés avec perte) utilise également cette technique pour les images clés dans les vidéos.

Compression WebP Sans Perte

Les fragments d’image déjà vus sont utilisés pour reconstruire avec précision de nouveaux pixels. Une Palette locale peut également être utilisée si aucune correspondance intéressante n’est trouvée.

Très faible perte de 80% de qualité D’image

Will Morris a publié un très contribution intéressante pour la conversion WebP écrit. Là, il fournit des chiffres précis sur la façon dont il a pu économiser sur le volume de fichiers lors du passage de JPEG à WebP sur sa page de photographie.

Il a découvert que chez 100% maintien de la qualité la réduction de la taille du fichier de JPEG à WebP est plutôt faible. Ici, seulement jusqu’à Diminution de 10% de la taille du fichier être atteint.

Cependant, sur 80% de qualité converti, de sorte que les images peuvent en moyenne 78% la taille de votre fichier peut être réduite à une perte de qualité très faible. Selon lui, les photographes accordent une grande attention aux détails. En revanche, si quelqu’un Commande quelque chose dans une boutique en ligne, il y a probablement moins d’attention, quels bords sont vraiment lisses ou quels contrastes sont vraiment présents.

Après cela, Morris voulait savoir si à la moyenne, c’est-à-dire 90% qualité, encore une forte réduction de la taille du fichier est possible. Voici une moyenne de 63% de taille de fichier économisée possible.

Cela signifie que même si quelqu’un n’aime pas la qualité des images avec une indication de qualité de 80%, le réglage de qualité de 90% permet d’économiser jusqu’à 60% de la taille du fichier.

Avec un réglage de qualité de 80%, les images pour les boutiques en ligne ou les sites Web riches en images, par exemple, sont absolument excellentes en termes de qualité si vous regardez la Relation avec la taille du fichier.

Maintenant, vous connaissez le fonctionnement et les changements de qualité et de taille de fichier possibles des images WebP. Mais pourquoi les petites images de qualité aussi constante que possible sont-elles importantes pour le référencement? Je vous l’expliquerai dans la section suivante!

Conseil: avez-vous besoin de conseils généraux sur le référencement D’images? Felix vous aide dans son Contribution aux images-SEO!

Pourquoi WebP est-il si important pour le référencement?

« Beurre chez les poissons »: ce n’est pas parce que vous introduisez WebP que vous serez soudainement sur la 1 vigne. Mais:

Il est beaucoup plus facile d’exciter les clients pour certains produits avec de belles images qu’avec des descriptions de produits infiniment longues. Ce n’est pas pour rien que les magasins actuels semblent plus riches en images que textuellement Matures. En tant que SEO, je peux vous dire que les deux sont importants:

Pour Google, il est toujours important d’avoir un texte lisible et axé sur les mots clés (optimisation de la page sur un mot clé) sur votre page. Dans le même temps, les images ne doivent pas être pixélisées, car cela affecte L’UX, qui se chevauche souvent de manière significative avec le référencement. Mais si vous présentiez maintenant des images haute résolution avec de grandes tailles de fichiers, la page perdrait son temps de chargement. En fonction de la position de vos concurrents, cela peut être le point D’inflexion sur la balance – et permettre à vos concurrents de dépasser.

De nos jours, il faut aller vite sur Internet. Un quelques millisecondes plus de temps de chargement comme sur Amazon peuvent provoquer des pertes de chiffre d’affaires ici.
En conséquence, la conversion D’images en WebP permet de fournir des images de haute qualité à des tailles de fichiers nettement inférieures et de faire un excellent équilibre entre la qualité et la taille des fichiers.

Pour vous donner des exemples concrets, il existe de nombreuses évaluations sur Internet sur la façon dont WebP a amélioré certains aspects des sites Web:

YouTube a alors Images miniatures de vidéos de JPEG à WebP et a ainsi pu livrer les pages Youtube aux visiteurs 10% plus rapidement. 10% ne semble pas beaucoup pour le consommateur normal, mais si l’on considère L’exemple D’Amazon ci-dessus, ces millisecondes économisées peuvent à nouveau générer plus de revenus.

Facebook, avec ses nombreuses images dans le fil D’actualité et les Userposts, en raison du passage à WebP avec d’autres mesures, réduire au total 50% de la charge réseau, ce qui a entraîné une représentation plus performante de Facebook. Les images PNG pouvaient même être livrées avec une réduction de taille de fichier de 80% via WebP.

On peut dire que WebP combine les propriétés de trois formats d’image connus jusqu’à présent: JPEG, PNG et GIF. Cela n’était pas possible auparavant et représente maintenant une nouvelle méta dans les formats D’image.

Maintenant, la question Est: pour quels sites web le passage aux images WebP vaut-il la peine? Je vous citerai ci-dessous quelques exemples où cela a du sens!

Pour qui le passage à WebP vaut-il la peine?

Si nous considérons à nouveau les caractéristiques fondamentales de WebP – une qualité aussi constante que possible pour les images, mais une taille de fichier nettement réduite – on peut supposer que les sites de photographes peuvent bénéficier ici, car ils veulent présenter leurs images aux utilisateurs dans la meilleure résolution possible. C’est tout à fait logique, mais d’autres industries n’en profiteraient-elles pas?

Boutiques En Ligne Riches En Images

Produktpräsentation mit vielen hochaufgelösten Bildern - Die Ladezeit kann beeinträchtigt werden!

Produktpräsentation mit vielen hochaufgelösten Bildern - Die Ladezeit kann beeinträchtigt werden!

Présentation du produit avec de nombreuses images haute résolution – le temps de chargement peut être affecté!

Souvent, dans les boutiques en ligne, de nombreuses images sont associées à un produit, en particulier pour les sites de meubles tels que xxxlutz.de:
Ici est présenté un paysage résidentiel avec de nombreuses images et une vidéo. Si nous partons d’un mot-clé générique comme « Paysages résidentiels », nous ne trouverons certainement pas de pages de produits individuelles, car Google présente ici les SERPs avec un large choix, des pages de comparaison et autres. Mais plus nous entrons dans un mot-clé Longtail, tel que « Paysages résidentiels couleurs de boue », plus tôt des pages de produits individuels apparaissent ici. Ainsi que le paysage résidentiel de XXXLutz.

Pages De Voyage

Bora Bora Reise Beispiel

Bora Bora Reise Beispiel

49 images haute résolution peuvent garantir de longs temps de chargement!

Quand je pense à mes dernières vacances, je me souviens que les voyagistes aiment faire de la publicité avec de belles photos de lieux de vacances. Considérons ici ceci Exemple de TUI:

Sur cette page, 49 photos sont présentées dans un diaporama pour présenter L’hôtel à Bora Bora aux personnes intéressées. Ici, il y a beaucoup de potentiel pour les images WebP, de sorte que de belles et surtout de nombreuses photos peuvent être affichées, tout en ne dégradant pas considérablement le temps de chargement. Bien sûr, d’autres mécanismes comme le chargement paresseux jouent un rôle ici, mais il est tout de même logique de livrer de telles images via WebP.

Recettes-Pages

Rezepte Beispiel

Rezepte Beispiel

Étape par étape bien expliqué signifie: beaucoup D’images haute résolution

Lors de ma dernière cuisine avec des amis, je me souviens que les pages de recettes ont souvent pour but d’illustrer la façon dont un plat est préparé avec des instructions étape par étape. Un excellent exemple de ceci est la ce gâteau russe:
Ici, un gâteau russe est préparé en 14 étapes illustrées. Cela permet au visiteur de comparer, après chaque étape, si le résultat correspond à l’état actuel de la recette. Surtout si ces images peuvent encore être agrandies, avec des images de haute qualité peut à nouveau provoquer un grand document HTML.

Conclusion pour toutes les pages avec beaucoup et / ou des images en haute résolution

Par exemple, si vous souhaitez afficher des images haute résolution (juste pour zoomer) pour un produit, un voyage ou une recette, le temps de chargement peut être rapidement affecté par des images de haute qualité et donc encombrantes en mémoire. WebP peut y remédier. Grâce à la forte compression, les pages de produits peuvent contenir de superbes images tout en consommant moins de volume de données. Ainsi, le temps de chargement est réduit, ce qui se traduit par une meilleure valeur pour Core Web Vitals. Comme ces à partir de février 2022 sera également appliquée pour le bureau, est maintenant un bon moment pour traiter avec eux.

Mais passons maintenant à ton site web!

WebP-images aussi pour votre site Internet

Pour que l’effort en vaille la peine, vous devez d’abord rechercher les navigateurs, éventuellement les versions du navigateur, qui permettent à vos utilisateurs d’accéder à votre site web. Comme les nouvelles versions du navigateur peuvent contenir de nouvelles failles de sécurité, de nombreuses entreprises s’orientent vers des versions plus anciennes et déjà corrigées du navigateur. Cela peut conduire au fait que WebP ne fonctionne pas encore ici. La grande variété de navigateurs peut également amener les visiteurs de votre site web à utiliser un navigateur qui n’a pas encore été personnalisé pour WebP. Toutefois, La Page https://caniuse.com/webp montre que plus de 90% des utilisateurs utilisent un navigateur compatible WebP. Par conséquent, la probabilité que WebP ne soit pas pris en charge est assez faible.

Google lui-même offre une bonne présentation quels navigateurs sont compatibles avec les variantes de WebP:

Ici vous pouvez voir que

  • Google Chrome est le pionnier et prend déjà en charge WebP sur les ordinateurs de bureau et les appareils Android.
  • Depuis la Version 18, Microsoft Edge peut également afficher des images WebP dans différentes variantes.
  • Firefox à partir de la Version 65 et Opera (ici dans différentes versions) peuvent également afficher correctement les images WebP.

Cependant, comme beaucoup de gens utilisent des appareils Apple, nous considérons également les navigateurs comme Safari. Sur la Page: https://caniuse.com/webp est également présenté une bonne représentation, que les navigateurs et les versions WEBP prennent déjà en charge. Il est à noter que le navigateur Safari n’est pas encore entièrement compatible avec WebP. Mais comme il existe une colonne supplémentaire pour Safari sur iOS, nous apprenons que Safari + Chrome peut afficher correctement 14 images WebP depuis la Version iOS.

Dans l’espace utilisateur privé, les mises à jour sont généralement bien exécutées, C’est pourquoi vous pouvez supposer que n’importe qui avec un iPhone récent peut certainement évaluer les images WebP de votre site web. Dans l’environnement professionnel, c’est parfois différent en raison de la Politique de confidentialité. Ici, L’analyse de Google Analytics vous aide à déterminer les navigateurs et les versions utilisés par les visiteurs de votre site web.

En bref: Les appareils Android et Apple actuels peuvent déjà évaluer les images WebP dans l’espace privé, des écarts peuvent se produire ici au sein de l’entreprise.

Que se passe-t-il si je lance WebP mais que le navigateur du visiteur ne peut pas utiliser WebP?

En supposant que vous ayez choisi d’accélérer votre site web à l’aide d’images WebP avec une qualité d’image aussi constante que possible, la question pourrait se poser: que se passe-t-il si un visiteur ne peut pas afficher les images WebP via sa version de navigateur? Ne voit-il pas les images?

En principe, que ce soit par Plug-ins ou manuellement, les images sur les pages Web avec différents formats D’image sont capturées dans le Code. Dites: Si vous avez expédié vos images au format JPEG ou PNG pendant des années et que vous passez maintenant à WebP, les anciennes images resteront toujours présentes dans le Code. Une seule entrée supplémentaire est faite dans la balise picture, qui inclut l’Option sur les images WebP. Le navigateur lui-même choisit le meilleur pour lui-même parmi les formats d’image groupés.

Par conséquent, s’il arrive qu’un utilisateur ne puisse pas afficher les images WebP à l’aide de son navigateur, ne vous inquiétez pas: les images JPEG ou PNG sont livrées à l’utilisateur. Le navigateur le règle automatiquement pour lui-même.

Pour que vous puissiez imaginer à quoi cela ressemble dans le Code, un exemple:

WebP-Bilder im Code eintragen

WebP-Bilder im Code eintragen

Ajouter des images WebP avec SourceSet en plus de L’image JPEG!

Ici, une image de bannière est étendue dans un nouveau <div>. Suit la balise < picture>, qui comporte 2 ensembles de sources: L’un pour WebP (vert) et L’autre pour JPEG (rouge) – pour toutes les représentations de largeur du terminal.

Maintenant, si vous passez la souris sur ces liens, vous verrez l’image qui est actuellement présentée dans la présentation de la page Web:

WebP-Bild Darstellung

WebP-Bild Darstellung

Comme j’utilise le navigateur Google Chrome actuel sur mon ordinateur portable, les images WebP sont prises en charge et affichées. Si cette page était accessible depuis un navigateur plus ancien, la Variante JPEG serait sélectionnée. La représentation reste la même. Seul le temps de chargement peut varier, mais cela peut aussi être dû à de nombreux autres points.

Une autre méthode pour contrôler si les images sont présentées correctement via WebP serait la page de comparaison WebP de Google d’appeler. Là, vous pouvez utiliser « clic droit sur L’image -> examiner » pour déterminer le Format de l’image respective. Si vous faites cela avec les images de droite par ligne, vous pouvez voir dans le navigateur qu’il s’agit d’une image WebP.

Pour tester différentes versions de navigateur, les hébergeurs de simulations de navigateur offrent, à titre d’exemple: https://www.browserling.com/.

Cela vous permet de déterminer si les images WebP ne peuvent pas être consultées sous certaines variantes de navigateur. S’il s’avère que la majorité des visiteurs ne voient pas D’images WebP via la Variation de navigateur souhaitée, cela ne vaut pas la peine de passer à WebP, car vos visiteurs n’en profiteraient pas.

En bas de la section: découvrez les versions de navigateur les plus utilisées par vos visiteurs et testez-les manuellement ou via le fournisseur D’hébergement de navigateur pour la prise en charge WebP. Ainsi, vous pouvez peser si l’effort en vaut la peine pour vous.

Vous avez remarqué que les utilisateurs de votre site Web peuvent bénéficier des images WebP? Très bien! Alors je vais vous montrer comment on peut mettre cela en œuvre!

Comment convertir des images en WebP?

Les images peuvent être converties en WebP de différentes manières. Comment dépend fortement des fonctions du CMS. Comme vous n’avez pas besoin de recourir à des Plug-ins, je vous présente d’abord la possibilité de convertir vous-même des images WebP.

Convertir manuellement à L’invite de commande (sans CMS)

Google lance un programme spécialement conçu pour cette conversion aux webmasters. Vous pouvez utiliser cet outil pour le système d’Exploitation souhaité télécharger.

Sur notre exemple: pour Windows 10!

Voici un How-To comment convertir manuellement des images étape par étape en WebP à L’aide de L’outil Google:

  • Décompressez le fichier indiqué ci-dessus (ou celui de votre système D’exploitation depuis les téléchargements de Google) dans votre environnement souhaité.
  • Allez maintenant dans le dossier /bin à partir de L’invite de commande (CMD).
  • Il est plus facile de copier dans ce dossier l’image à convertir. Ensuite, vous pouvez utiliser la commande:
    cwebp-preset photo-q 75 photo-avant-de-convertir.jpg – o photo-à-dem-convertir.webp
    convertir l’image en image WebP. Voici la Commande déclaré:
    cwebp: le programme qui convertit les images en WebP
    preset photo: Vous pouvez spécifier ce que vous voulez que cette image représente, afin d’adapter la conversion à celle-ci. Ici, j’ai pris comme exemple une photo.
    q 75: En tant que paramètre de qualité, 75% m’a suffi ici. Vous pouvez voir quand votre image ne semble plus assez bonne même lorsque vous effectuez un zoom avant et ajuster la qualité. En général, vous pouvez sélectionner ici 80%, c’est-à-dire la valeur: 80.
    photo-avant-le-convertir.jpg: Voici maintenant le nom du fichier sans chemin, car le fichier se trouve déjà dans le même répertoire que le convertisseur cwebp.
    convertir la photo en la.webp: Ici, nous définissons le fichier de sortie avec son nom. Saisir l’extension webp ici! Encore une fois sans chemin pour qu’il entre dans le même dossier que le fichier D’entrée.
  • Maintenant, si vous regardez dans le dossier où vous avez commencé, vous trouverez l’image JPEG convertie en image WebP. Cela devrait prendre beaucoup moins de mémoire, mais être très similaire en termes de qualité.

L’effort derrière la conversion en WebP pour toutes sortes d’images, y compris les tailles, peut être énorme pour les pages Web plus grandes. Par conséquent, il existe des convertisseurs en ligne tels que: https://tiny-img.com/webp/
Vous pouvez même convertir plusieurs fichiers à la fois. Cependant, avec cet outil, vous arriverez à la fin de ses « conversions gratuites ». Par conséquent, L’Alternative de Google sur le outil mentionné précédemment en ce qui concerne le coût mieux, car il est gratuit.

À propos de la balise < picture>, comme dans la section précédente « que faire si je lance WebP mais que le navigateur du visiteur ne peut pas utiliser WebP? »déjà décrit, les images peuvent également être jouées au format WebP.

Convertir via WordPress Plugins

WordPress lui-même convertit déjà les images très bien et surtout automatisé. Différentes tailles de terminaux sont automatiquement couvertes à l’aide d’images générées à cet effet.

Pour offrir des images WebP, le Plugin de Bjørn Rosell très bien. Mais comme de nombreux systèmes WordPress livrent des pages mises en cache à L’utilisateur via des Plug-ins de mise en cache tels que WP Rocket, pour accélérer le temps de chargement, il est possible de Fonction Imagify les développeurs du Plug-in WP Rocket utilisent des images WebP.

Dans les paramètres du Plug-in, il est possible de choisir de générer des images WebP et de les lire en utilisant deux méthodes: rewrite-Rule ou <picture>-Tag. Personnellement, je trouve la balise < picture>la plus sensée, mais il faut essayer ici Quelle méthode fonctionne le mieux avec le thème du site WordPress.

Une fois que cela a été mis en œuvre, les images peuvent être lues via WebP. N’oubliez pas: vider le Cache!

Convertir pour Shopware via la console

Shopware n’offre pas son propre Plug-in pour cela, donc la communauté a-t-elle développé un Plug-in ensemble.

L’Installation devrait être faite par quelqu’un qui connaît la console sur les serveurs web. C’est un travail pour L’informatique. Vous trouverez également les instructions d’installation sur la page Plug-in. Après avoir effectué la conversion depuis la console, vous pouvez accrocher la conversion vers WebP dans le Backend du Plug-in lui-même.

Petit conseil tiré de mon expérience avec les conversions WebP chez Shopware:
Puisque vous travaillez sur la console du serveur, vous devez préfixer les commandes « php » ici. Cependant, pour certains hôtes, il faut être un peu plus précis: pour 1&1, Il faut préfixer /usr/bin/php7.4-cli au lieu de php pour que cela fonctionne. À lire dans le Contribution D’Ionos à « exécuter des scripts PHP à partir de la ligne de commande ».

Maintenant, vous avez des images WebP sur votre site. Le mieux serait de ne pas le remarquer visuellement! Mais maintenant, la question Est: est-ce qu’on le remarque d’un point de vue technique? Je vais vous montrer comment mesurer cela.

Impact de WebP sur Core Web Vitals

Maintenant que vous pouvez envoyer toutes les images via WebP, les tailles de pages sont devenues plus petites, car toutes les images sont également devenues plus petites. Seulement: cela fait-il maintenant une différence avec Core web Vitals?

À titre D’exemple de boutique, nous utilisons une entreprise de taille moyenne qui vend des compléments alimentaires et des accessoires de sport via une boutique en ligne.

L’exemple de magasin fonctionne sur la version actuelle de Shopware: 5.7.6., dans lequel les images sont envoyées au format JPEG lors du premier Test.

Nous testons à l’avance les valeurs Core-Web-Vitals, qui doivent nous montrer quels web Vitals peuvent être influencés par les images WebP.

Brève insertion-explication des valeurs Core-Web-Vitals:

Premier Contenu Peinture: Cette valeur indique le temps, en secondes, nécessaire pour charger complètement la première image ou le premier texte. Cette valeur devrait être aussi petite que possible.

Time to Interactive: Cette valeur indique le temps, en secondes, nécessaire pour que la page soit entièrement interactive. Cette valeur devrait être aussi petite que possible.

Indice De Vitesse: Cette valeur indique le temps, en secondes, nécessaire pour afficher le contenu d’une page. Cette valeur devrait être aussi petite que possible.

Temps De Blocage Total: Cette valeur indique le temps, en millisecondes, nécessaire entre First Contentful Paint et le temps nécessaire à L’interactivité complète si la durée de la tâche dépasse 50 millisecondes. Cette valeur devrait être aussi petite que possible.

Le Plus Grand Contenu De Peinture: Cette valeur indique le temps, en secondes, nécessaire pour représenter la plus grande image ou le plus grand texte. Cette valeur devrait être aussi petite que possible.

Décalage De Mise En Page Cumulative: Cette valeur représente une mesure permettant de déplacer des éléments d’une page. Cette valeur devrait être nulle si possible.

Les valeurs Core-Web-Vitals peuvent être influencées par différents facteurs tels que le temps de chargement du serveur, L’extension du serveur, la structure du thème, etc. Grâce à une analyse de profondeur, vous avez la possibilité de déterminer quel facteur influence la valeur actuelle.

Vous voulez en savoir plus sur Core Web Vitals? Julian a une contribution sur le sujet Core Web Vitals comme KPI publié!

Suivent les valeurs Core-Web-Vitals associées par exemple-Shop, que nous avons moyennées après 3 Tests:

WebP-Bilder Umstellung vorher

WebP-Bilder Umstellung vorher

Core-Web-Vitals-valeurs avant de passer aux images WebP

Après avoir activé le passage aux images WebP dans la boutique D’exemples, regardons la nouvelle table:

WebP-Bilder Umstellung nachher

WebP-Bilder Umstellung nachher

Core-Web-Vitals-valeurs après le passage aux images WebP

Ici, vous pouvez voir que le score de First Contentful Paint est passé de 2,4 s en moyenne sans images WebP à 1,33 s avec des images WebP. Ici, le plus petit est le mieux.
Conclusion: 55% D’économie de temps

Même le temps D’interaction de l’utilisateur (Time to Interactive) a été amélioré, passant de 4 secondes en moyenne à 3,5 secondes.
Conclusion: 12,5% d’Économie de Temps

Ne manquez plus de contributions: la Newsletter dans le marketing en ligne

Aimez-vous cet article? Si vous souhaitez connaître régulièrement les dernières tendances du marketing en ligne, abonnez-vous à notre Newsletter dès maintenant. Plus de 13 000 Abonnés nous font confiance.

Cliquez ici pour accéder au formulaire d’inscription.

L’indice de vitesse, C’est-à-dire la vitesse à laquelle le contenu est affiché sur la page, a été amélioré, passant de 2,9 secondes en moyenne à 2,26 secondes.
Conclusion: 22% d’Économie de Temps

Le temps de blocage Total est également passé de 543 millisecondes en moyenne à 267 millisecondes.
Conclusion: près de 51% d’Économie

Le Largest Contentful Paint est la seule valeur qui n’a pas beaucoup changé. Ici, l’amélioration était seulement de 2,9 secondes en moyenne à 2,8 secondes. Mais cela peut aussi s’appliquer à d’autres facteurs.

Les valeurs se sont améliorées grâce à la conversion WebP. Même beaucoup. C’est précisément pour créer une page que les images ont été chargées plus rapidement, ce qui a conduit à une disponibilité rapide de la page.

Conclusion

Pour les opérateurs de sites Web avec beaucoup d’images sur les pages, il est logique de penser à la lecture supplémentaire des images WebP. Même dans notre Test, nous avons pu obtenir de meilleurs scores Core-Web-vital. Cela permettra d’améliorer le classement pour chaque site testé.
Dans le même temps, nous pouvons continuer à afficher des images de haute qualité sur le site sans perdre de temps de chargement. Cela favorise à son tour l’expérience utilisateur sur notre site et comme la main dans la main avec SEO, cela peut améliorer le classement.

Analyser pour vous-même:

  • Ai-je beaucoup d’images sur mon site?
  • Est-ce que la majorité des visiteurs viennent via des navigateurs WebP compatibles?
  • Quelle est l’économie grâce aux images WebP sur une page de Test de mon site web?
  • Combien de temps et D’efforts cela me coûte-t-il de mettre en œuvre la conversion WebP?

En soi, le format D’image WebP offre un excellent moyen de combiner des images de haute qualité et une optimisation du temps de chargement. Cela ne résout-il pas un problème qui existe depuis des années pour les référenceurs? N’hésitez pas à me donner votre avis dans les commentaires ci-dessous!

© Photo: photo 1: ribkhan / Adobe Stock, Photo 2: capture D’écran xxxlutz.de, photo 3: capture D’écran tui.com, photo 4: capture D’écran jedes-essen-zaehlt.de

Vous cherchez une bonne agence de Marketing en ligne? Vous avez aimé la contribution et vous voulez notre soutien? Nous nous réjouissons de Votre Demande sans engagement.

Author: James Roche