Top 17 des trucs et astuces Core Web Vitals que personne ne vous dira jamais!

Publié: 2022-07-17
Top 17 Core Web Vitals Tips and Tricks Nobody Will Ever Tell You!

Je vois tellement de mauvaises informations publiées sur les réseaux sociaux à propos de ce sujet encore mystérieux, j'ai pensé qu'il était temps que je transmette certaines de mes connaissances avec les trucs et astuces Core Web Vitals pour vous aider à transmettre les signes vitaux sur votre propre site Web.

Remarque : tout ce que j'écris dans cet article peut être faux à 100 %, car la vérité est que personne ne sait vraiment comment fonctionne Core Web Vitals - (y compris Google) la plupart du temps, car les règles semblent être élaborées sur place ou en constante évolution. depuis sa première annonce.

Je me souviens qu'en mai 2021, Philip Walton, John Mueller, Annie Sullivan et Elizabeth Sweeny ont fait une émission en direct sur Core Web Vitals et il y avait confusion au sein du groupe. Core Web Vitals était tout nouveau, brut et excitant pour tout le monde !

Avant Core Web Vitals - Les choses étaient moins compliquées

Il n'y a pas si longtemps, les sites Web étaient autorisés à se déplacer librement sur Internet et à ne pas se préoccuper des nuisances telles que l'expérience et la vitesse. Tout a changé littéralement du jour au lendemain et maintenant les propriétaires de sites Web devaient s'inquiéter de cette nouvelle chose Core Web Vitals.

Les blogueurs, moi y compris, se rendaient dans des endroits comme ThemeForest et achetaient un thème premium qui avait fière allure, mais qui détenait secrètement une multitude de plugins gonflés et de code mal écrit, maintenant activement exposés sur les forums de discussion alors que les performances commençaient à faire parler d'elle pour la première fois.

Sous une pression croissante alors que Core Web Vitals était considéré comme le prochain grand facteur de classement SEO, chaque thème, plugin, constructeur de page et même les sociétés d'hébergement étaient bombardés de nouvelles questions sur la vitesse et les performances et leur impact sur leurs Core Web Vitals.

Chaque entreprise s'efforçait carrément d'améliorer ses propres performances ou de commencer à perdre des clients. Grâce à Core Web Vitals, les choses ont changé à jamais pour les éditeurs de sites Web du monde entier, car la peur de ne pas réussir ce nouveau test SEO détruirait le classement de leur site Web.

Le voyage : comment je suis personnellement tombé sur Core Web Vitals

Comme tout le monde, j'avais quelques blogs de passe-temps que je maintenais activement et je continuais à voir des références sur la façon d'améliorer la vitesse du site Web. Je ne me souviens pas exactement de la chronologie, mais tout a commencé lorsque les gens testaient leurs sites Web sur Pingdom et GTmetrix pour le "temps de chargement" et se vantaient de la rapidité de leurs sites Web.

Core Web Vitals Tips and Tricks - GTmetrix website speed scores

Bien qu'il y ait eu des plugins de mise en cache gratuits, c'était la première fois que des plugins de mise en cache premium tels que WP-Rocket, Swift Performance et finalement FlyingPress ont commencé à vraiment exploser en croissance - Les gens étaient maintenant prêts à payer pour rendre leurs sites Web plus rapides et devenir rapidement le norme.

Il y avait aussi des groupes Facebook à croissance rapide tels que WP Speed ​​Matters et WordPress Speed ​​Up que j'ai trouvés, des communautés de personnes sautant sur le navire et curieuses de l'optimisation de la vitesse du site Web.

Ce fut un merveilleux moment de découverte, chacun essayait de nouvelles choses et plus qu'heureux de partager ses résultats..

"J'ai compressé les images de mon site Web avec ShortPixel et maintenant mon site Web se charge en 1,1 seconde!"

Tout le monde dans le groupe se précipiterait immédiatement et essaierait aussi ShortPixel.

Il y avait beaucoup de mentalité de troupeau en cours, expérimentant chaque nouveau plugin et concurrence intense avec les autres membres de ces groupes Facebook pour publier des temps de chargement plus rapides.

C'est ainsi que je m'en souviens pour la première fois de ma propre expérience, du moins lorsque je suis entré pour la première fois dans la mêlée et que les propriétaires de sites Web occasionnels trouvaient également leur chemin dans l'optimisation de sites Web.

WTF ? L'émergence de Google PageSpeed ​​Insights (PSI)

Tout était une fête totale, tout le monde s'amusait.

Encore. Je ne me souviens pas de la chronologie exacte, mais Google parlait maintenant davantage de Core Web Vitals et de son propre outil PageSpeed ​​Insights (PSI).

Je ne me souviens pas si j'utilisais autant PSI à l'époque, tout le monde testait encore ses sites avec Pingdom et GTmetrix, c'est le nouveau test mobile PSI qui a complètement gâché la fête pour tout le monde.

Les gens obtenaient généralement de bons scores sur ordinateur et en étaient très fiers, maintenant ils géraient leurs sites Web via PageSpeed ​​Insights et leurs scores mobiles étaient dans le rouge profond.

GTmetrix a également lancé sa dernière mise à jour pour mieux inclure Core Web Vitals et pas seulement un outil de test de vitesse de site Web.

Core Web Vitals Tips and Tricks - Old GTmetrix vs new GTmetrix

Il y avait de la haine, les gens étaient furieux - L'optimisation de votre site Web est maintenant devenue beaucoup plus difficile.

Devenir un modérateur de groupe Facebook et rencontrer Ben (Rocket)

J'étais accro, étudiant curieux de tout ce qui concerne l'optimisation et la vitesse totale des sites Web. J'ai regardé des vidéos YouTube si elles étaient disponibles, j'ai fait des recherches religieuses sur tous les sites Web de comparaison de vitesse et j'ai pris des notes tout le temps.

Mes sites de loisirs étaient désormais des laboratoires scientifiques actifs, des expériences et des résultats de tests que je partageais avec les gens. On m'a finalement demandé de devenir modérateur de WP Speed ​​Matters et cela a fait une expérience très intéressante.

J'ai eu une vue "en coulisses" de ce qui se passe réellement sur les groupes Facebook. Le bon, le mauvais... et Internet moche...

Il y avait des spammeurs, il y avait aussi beaucoup d'attaques personnelles et méchantes de DM - mais les 90% restants des gens étaient là pour vraiment aider les autres.

Au cours de cette période, j'ai pu participer et engager des conversations animées avec des centaines, voire des milliers de personnes cherchant à améliorer leurs Core Web Vitals.

C'était aussi la première fois que je rencontrais Ben Gabler (PDG et fondateur de Rocket)… où je travaille maintenant évidemment au moment où j'écris ce post.

Tard vendredi soir, alors que j'interdisais probablement des membres de Speed ​​Matters, j'ai reçu un DM de Ben parlant de l'optimisation de la vitesse du site Web.

Pour mémoire, j'avais déjà bu quelques « bières » assis devant mon écran d'ordinateur lorsque nous nous sommes connectés, Ben et moi nous sommes disputés à propos de différentes sociétés d'hébergement, Cloudflare APO (que j'utilisais pour mon site de loisirs), et à peu près tout le reste lié aux performances du site Web.

Ce type en savait bien plus que moi, sur l'impact du javascript, des CDN, des images, etc., jusqu'à ce que je m'évanouisse littéralement vers 3 heures du matin. C'est comme ça que j'ai rencontré Ben...

Démarrer ma propre agence Core Web Vitals

Bien que je sois resté quelques mois en tant que modérateur chez WP Speed ​​Matters, j'ai également commencé à créer ma propre agence Core Web Vitals avec tant d'intérêt pour le sujet et tout le monde ayant besoin d'aide pour optimiser leurs sites Web.

J'ai recruté une équipe d'optimiseurs techniques derrière moi pour m'aider à gérer la charge de travail, nous avons obtenu en moyenne un score PSI de 98/98+ sur TOUS les sites Web sur lesquels nous avons travaillé…

… et nous nous rapprochons enfin des 17 trucs et astuces Core Web Vitals que je vous ai promis….

Core Web Vitals Tips and Tricks - Core Web Vitals Agency

C'est alors que j'ai réalisé que je ne savais rien de Core Web Vitals lorsque j'ai commencé à creuser dans les sites des clients, mais plus encore la différence entre les résultats des données de laboratoire et de terrain. J'ai dû tout réapprendre...

Plus j'augmentais mes prix, plus j'avais de clients. Les gens étaient prêts à payer un supplément pour que leurs sites soient correctement optimisés. Nous l'avons fait, mais nous avons également fait des appels Zoom obligatoires une partie du processus pour éduquer mes clients sur le fonctionnement de Core Web Vitals.

J'envoyais également environ 30% de mes clients à Ben et Rocket (en tant qu'affilié) parce que c'est plus rapide qu'autre chose, et cela a facilité mon travail d'optimisation des sites clients. Je ne peux pas vous dire à quel point les choses sont merdiques lorsque vous essayez de réparer les Core Web Vitals d'un client alors que l'hébergement de son site Web est de la merde.

En raison de l'épuisement de gérer des clients dans le monde entier 24h/24 et 7j/7 et de ma santé qui en souffrait, j'ai pris ma retraite de mon agence car ce n'était plus amusant pour moi. Je redoutais tout ce qui concernait Core Web Vitals, j'étais totalement épuisé.

J'ai toujours gardé un contact étroit avec Ben, parlant toutes les deux semaines jusqu'à ce que j'évoque l'opportunité de travailler avec lui et son équipe. En tant que directeur du marketing pour Rocket.net, je ne pourrais pas être plus heureux aujourd'hui.

Astuce Core Web Vitals #1 – Rien ne vaut un hébergement WordPress rapide

Vu des centaines de fois auparavant, vous ne pouvez pas réparer l'hébergement lent. Investissez quelques dollars dans un bon hébergement WordPress et cela facilitera l'optimisation de Core Web Vitals. Je n'attaquerai pas les entreprises par leur nom, mais bon nombre des sociétés d'hébergement les plus connues sont terriblement lentes. Vous en avez toujours pour votre argent.

Astuce Core Web Vitals #2 – Obtenir 100/100 sur vos tests PSI ne signifie RIEN

Je place celui-ci près du sommet car c'est l'un des plus gros problèmes depuis le premier jour avec Core Web Vitals lorsque les gens sont obsédés par l'obtention de 100/100 sur leurs scores PSI de bureau et mobiles. N'oubliez pas qu'il s'agit de données de laboratoire (tests simulés), il y a de fortes chances que votre site Web échoue réellement lorsque de vrais utilisateurs interagissent avec votre site Web.

Astuce Core Web Vitals #3 – Concentrez-vous toujours sur le Big 3 – LCP, FID et CLS

Je vois cela tout le temps de la part des débutants essayant d'éliminer chaque petite chose sur leurs sites et poursuivant ce score de 100/100. Vous attaquez chaque compartiment LCP, FID et CLS individuellement et vous passez Core Web Vitals, arrêtez de transpirer les petites choses et passez le même temps à développer votre entreprise.

Astuce Core Web Vitals #4 – Pourquoi est-ce que je vois de gros scores de sites Web dans les années 60 et Pass Vitals ?

Avez-vous déjà géré un gros site via PageSpeed ​​Insights (PSI) et les avez-vous vus marquer dans les années 60 ou même moins ? Vous examinez à nouveau les données de laboratoire, consultez leur résumé d'origine et vous en trouverez beaucoup en réalité passant Core Web Vitals sur ordinateur et mobile. Rappelez-vous de mon conseil ci-dessus que les scores 100/100 ne signifient rien, les données de laboratoire ne signifient rien, ils ont dépassé le 75e centile sur LCP, FID et CLS avec un engagement réel de l'utilisateur sur leur site.

Astuce Core Web Vitals #5 – Vous avez probablement ignoré le temps avant le premier octet (TTFB) – La plus grosse erreur de tous les temps

Si vous voulez savoir ce qui fait de Rocket l'hébergement WordPress le plus rapide au monde, vous n'avez pas besoin de chercher plus loin que TTFB - il fait référence au temps entre le navigateur demandant une page et le moment où il reçoit le premier octet d'informations du serveur (Mozilla). Il s'agit du document racine html récupéré et de ce que fait la mise en cache pleine page via le CDN global de Cloudflare Enterprise. Vous ne pouvez même pas commencer à vous soucier de choses comme LCP si votre TTFB est élevé. Il devrait être inférieur à 100 ms globalement.

Essayez votre site dès maintenant sur SpeedVitals, donnez-lui quelques exécutions pour réchauffer votre cache et votre CDN. Dites-moi que votre TTFB est en moyenne inférieure à 100 ms. Indice, ce n'est pas…

Astuce Core Web Vitals #6 – Ne testez pas uniquement votre page principale, chaque page de votre site Web compte aussi

Une autre erreur courante que je vois tout le temps est que les gens ne testent que la page principale de leur site Web pour Core Web Vitals. Chaque page de votre site Web compte et chacune doit être testée individuellement pour passer les éléments vitaux (principal, service, produit, catégories, publications). N'oubliez pas que vous pouvez suivre cela dans Google Search Console.

Astuce Core Web Vitals #7 – Commencez à optimiser les pages avec le plus de trafic sur le site Web

Non seulement vous devriez tester toutes vos pages (pas seulement votre page principale), mais vous devez commencer par les pages de votre site Web qui reçoivent le plus de trafic, car c'est là que tous les vrais utilisateurs visitent votre site et comptent comme le pourcentage le plus élevé. du trafic total par rapport aux résultats de vos données de terrain

Astuce Core Web Vitals #8 – Google Search Console (GSC) est vraiment le seul outil qui compte quand il s'agit de vérifier vos résultats Core Web Vitals

Ce n'est pas GTmetrix, ce n'est pas PSI - Utilisez certainement différents outils pour vous aider à surveiller vos Core Web Vitals, mais c'est ce qui s'affiche finalement dans Google Search Console qui vous indique quelles pages doivent être traitées et la différence entre Mauvais, Besoin d'amélioration et Bien.

Conseil #9 de Core Web Vitals – Si Google a tout un domaine consacré à l'expérience (Vitals), dans GSC, alors Core Web Vitals est là pour rester.

Pour tous les types de référencement qui disent que Core Web Vitals n'est pas grave, sachez que lorsque Google lui consacre un onglet dédié dans GSC, cela ne va nulle part. Ignorez l'optimisation de votre site Web, puis faites-le à vos risques et périls. Les éléments vitaux ne sont peut-être pas le facteur de référencement le plus important, mais ils sont là et ne deviendront que plus importants à l'avenir.

Astuce Core Web Vitals # 10 - Ce n'est pas parce que vous réussissez les Vitals maintenant que vous réussirez le mois prochain

Vous attendez finalement 28 jours après beaucoup de travail pour optimiser votre site pour finalement passer Core Web Vitals dans GSC, ne soyez pas surpris si cela change 28 jours plus tard. C'est votre public, d'où il vient, les différents appareils qu'il utilise et de nombreux autres facteurs qui font que l'engagement des utilisateurs réels varie tout le temps. Continuez à surveiller les zones problématiques et continuez à attaquer LCP, FID et CLS sur les pages concernées.

Astuce Core Web Vitals #11 - Ce n'est pas seulement le mobile qui compte pour les informations vitales, c'est aussi le cas pour les vues de bureau maintenant

Il a toujours été supposé que Core Web Vitals était uniquement destiné aux personnes visitant votre site sur des appareils mobiles, car c'est ce que Google a dit à tout le monde. Il a été annoncé plus tard que les personnes qui visitent votre site Web sur un appareil de bureau compteront désormais également pour Core Web Vitals - assurez-vous d'optimiser votre site Web pour tous les appareils (téléphones, tablettes et ordinateurs de bureau) et concentrez-vous sur les appareils (par résolution) qui font le plus grand pourcentage de votre trafic.

Astuce Core Web Vitals #12 – La mise en cache des plugins peut faire plus de mal que de bien

Les plugins de mise en cache n'ont jamais été conçus pour optimiser pleinement les sites Web complexes, ils ont tous subi une énorme pression pour aider tout le monde à voir 100/100 sur leurs scores PSI. N'oubliez pas que 100/100 ne veut rien dire, concentrez-vous sur votre LCP, FID et CLS et surveillez GSS pour les vrais utilisateurs qui interagissent avec votre site. Résistez à l'envie de tout précharger et une optimisation excessive nuira souvent à votre site plus qu'elle ne l'aidera.

Astuce Core Web Vitals #13 – Retarder les publicités est une optimisation paresseuse/mauvaise

Pour tous ceux qui ont des publicités diffusées sur leurs sites, ils tombent souvent dans le piège de retarder les publicités pour améliorer leurs scores Core Web Vitals. N'oubliez pas qu'il s'agit d'une visite simulée (données de laboratoire), de vraies personnes vont voir ces publicités. Vous devez vous assurer qu'il y a suffisamment de place pour que les publicités s'affichent correctement sur votre site afin d'éviter le CLS, mais les publicités sont rarement le coupable lorsqu'il s'agit de choses comme LCP et FID. Tous les réseaux publicitaires ne sont pas créés de la même manière, il y a des moments où vous devez prendre les mesures appropriées pour obtenir la meilleure expérience pour vos utilisateurs et maximiser vos revenus. Les grands sites de médias ne retardent certainement pas les publicités et passent toujours Core Web Vitals, vous aussi.

Astuce Core Web Vitals #14 – Il ne s'agit pas seulement de grandes images, commencez aussi à vous soucier des polices !

Je vois des gens qui sont obsédés par leurs images et les réduisent pour passer LCP, mais ils oublient totalement que les polices sur leurs sites peuvent être tout aussi importantes. Oubliez les polices Google, utilisez des polices sécurisées pour le système qui sont déjà chargées sur votre appareil. Je vois des gens précharger une tonne de polices (poids, gras, etc.) et ralentir votre FCP - ils doivent tous se charger avant le reste de la page. Je pourrais écrire un article entier à ce sujet, mais simplifiez les polices utilisées sur votre site Web et vous constaterez une énorme amélioration de vos scores Core Web Vitals.

Astuce Core Web Vitals #15 – Les visiteurs ne sont pas impressionnés par toutes les cloches et tous les sifflets, concentrez-vous sur une excellente expérience utilisateur

Les propriétaires de sites Web pensent que des choses comme les curseurs et les choses qui rebondissent sur l'écran impressionneront leurs visiteurs, ce sont en fait les premières expériences qui conduisent à un abandon rapide. Produisez un contenu de qualité qui engage votre public, donnez-lui des raisons de rester plus longtemps sur votre site. Une excellente expérience utilisateur est ce qui marque vraiment des points auprès des gens, ce sont également les mêmes considérations qui aident également à vos scores Core Web Vitals.

Astuce Core Web Vitals #16 - Envisagez d'utiliser un service de surveillance de l'utilisateur réel (RUM) pour trouver des problèmes délicats

Tous les problèmes de Core Web Vitals ne sont pas faciles à repérer, le CLS secondaire et les autres problèmes qui surviennent sur des pages individuelles sont souvent difficiles à repérer, même dans Google Search Console. Il existe de nombreux services RUM-Monitoring peu coûteux que vous pouvez utiliser pour mesurer la manière dont chaque utilisateur réel interagit avec votre site.

Astuce Core Web Vitals #17 – Saviez-vous que Rocket.net aide à optimiser votre site pour Core Web Vitals ?

Nous ne pouvons pas promettre des miracles tout le temps en fonction de votre site, mais l'équipe Rocket possède une vaste expérience dans l'optimisation de votre site pour Core Web Vitals et peut vous aider à vous rendre là où vous devez être. Toutes les sociétés d'hébergement ne le feront pas pour vous.

Sign-up for Rocket.net and get the fastest WordPress hosting in the world!

Notre équipe d'experts est à votre écoute. La plupart des propriétaires de sites Web ont changé de fournisseur d'hébergement plusieurs fois au cours de l'histoire de leur site. Nous sommes convaincus que vous ne regarderez pas en arrière une fois que vous serez passé à Rocket.net.

Le meilleur support client 24 heures sur 24, 7 jours sur 7, une vitesse ultra rapide, une facilité d'utilisation et un accès aux meilleurs outils et ressources de pointe devraient toujours être la norme. Nous révolutionnons la façon dont votre site WordPress est diffusé dans le monde, et nous sommes impatients de nous associer à vous pour développer votre entreprise.