Core Web Vitals – conseils pour l’optimisation des scores

Oops...
Slider with alias none not found.

Je ne crois pas du tout aux scores CWV. Je pense que si votre site est bien construit, il se classera très bien pour le référencement sans aucune opportunité manquée.

Mais bien sûr, beaucoup de gens ne me croient pas.

Alors très bien. Ce guide est pour vous, les non-croyants. Il est écrit pour ceux qui pensent que la mort du référencement frappe à leur porte s’ils ne satisfont pas aux exigences de performance ambiguës de Google. Il est destiné aux personnes qui ont oublié que même Google ne suit pas ses directives en matière de référencement.

C’est parti ! …..

1. Débarrassez-vous de votre constructeur de pages
Ils ne se contentent pas de ralentir votre site, ils détruisent également vos scores de page. Voici une brève liste des impacts négatifs qu’ils ont sur votre score :

  • Chargement excessif de scripts JS et de styles CSS.
  • Causant un décalage de la mise en page CLS. La grande quantité de scripts entraîne de multiples réaffichages dans votre navigateur, ce qui fait que le contenu saute à chaque chargement.
  • Temps de réponse initial du serveur élevé.
  • Crée des CSS et JS inutilisés.
  • Crée des ressources qui bloquent le rendu.

Vous pouvez soit A) vous débarrasser de votre constructeur de pages et le convertir à Gutenberg ou à un constructeur de pages moderne (comme Oxygen), soit B) faire passer votre site par un tas d’implémentations CS/JS qui augmentent vos scores mais pourraient briser le design/fonctionnement de votre site ou rendre son chargement plus lent pour les visiteurs humains (choix vraiment stupide, IMO).

2. Débarrassez-vous des scripts tiers
Il y a peu de choses pires sur vos scores de page que les scripts tiers. Voici pourquoi ils sont si mauvais :

  • Ils se chargent en dernier – ce qui rallonge le temps de chargement total de votre site Web. Ce n’est pas un problème pour les visiteurs humains, mais cela entraîne des résultats de test atroces.
  • Ils se chargent plus lentement (que s’ils provenaient de votre serveur), ce qui rallonge encore le temps de chargement.
  • Ils se chargent de manière peu conviviale pour les scores des pages. Beaucoup de petits scripts, avec beaucoup de parties inutilisées.
  • Parfois, ils se chargent en premier, ce qui ralentit (et bloque) le chargement de toute la page.

Quelle galère, n’est-ce pas ? Ce serait plus facile si vous vous en débarrassiez. Inutile de perdre du temps à optimiser des éléments qui ne devraient pas être là en premier lieu. Mais beaucoup d’entre vous n’ont pas ce luxe (ou *cough* la maîtrise de soi *cough*). Vous avez vraiment besoin de ces publicités, de ces chatbots, de ces scripts de suivi, de ces API, etc…. ou ce que vous dites.

Si vous ne pouvez pas vivre avec ça, alors je suppose que vous pouvez essayer de retarder leur exécution. Ce qui est encore plus bizarre, selon moi, quand on réfléchit à la logique.

  • Si le script est si essentiel que vous ne pouvez pas vous en débarrasser…
  • …alors pourquoi essayer de le différer ?

Vous ne pouvez pas charger un élément essentiel rapidement si vous le reportez…vous comprenez ?

3. Optimisation des ressources (CSS et JS)

C’est une partie difficile à gérer. Parce que les différents scores de page sont tous différents et ajustent leur score au fil du temps. Certains veulent que vos actifs soient combinés, d’autres s’en moquent. Ensuite, il y a le problème de leur taille, du nombre de requêtes, de leur utilisation et de leur priorité de chargement.

Oui, il y a tout un tas de facteurs à prendre en compte lors de l’optimisation des ressources. Je vais vous recommander quelques astuces ci-dessous qui ne servent qu’à améliorer les scores des pages. (N’oubliez pas que je ne ferais jamais rien de tout cela. Je ne le liste ici que pour vous, moutons de page-score).

  • Combiner CSS et JS
  • CSS & JS différer
  • Générer des CSS critiques
  • Supprimer les CSS/JS inutilisés – bonne chance pour cela. Le seul moyen d’y parvenir est de supprimer les plugins/services.
  • Utiliser moins de polices web
  • Chargez localement vos ressources tierces, comme les polices Web, Google Analytics, etc.

Vous pouvez faire la plupart de ces choses en utilisant un plugin de mise en cache. Vous pouvez réaliser la plupart de ces opérations à l’aide d’un plugin de mise en cache. Les autres nécessiteront l’intervention d’un développeur.

4. Optimisation des images

Allons-y dans l’ordre, d’accord ?

  • N’utilisez pas trop d’images. Vous pouvez créer des effets visuels en utilisant simplement des CSS ou une utilisation intelligente des couleurs. Si vous n’avez pas beaucoup d’images, vous n’avez pas à vous soucier de leur optimisation en termes de format, de taille, de compression et de chargement paresseux.
  • Utilisez le bon format d’image. N’utilisez pas PNG alors que vous devriez utiliser JPG. La compression des images peut être celle recommandée par les scores de la page.
  • Compressez davantage si vous voulez réduire la taille du fichier… assurez-vous simplement que la qualité n’est pas trop laide ou granuleuse.
  • Faites attention au CDN. Parfois il est utile, parfois non.

5. Utilisez la mise en cache

Sérieusement. La mise en cache améliorera les temps de réponse de votre serveur, tant les temps de chargement humain que les scores des pages. Et la plupart des plugins de mise en cache peuvent également effectuer des optimisations CSS/JS qui améliorent également votre score. Le seul problème est que vous devez savoir comment configurer votre plugin de mise en cache, sinon les choses peuvent devenir très compliquées.

6. Engagez un expert en optimisation de la vitesse

Un vrai professionnel saura exactement comment optimiser les performances et les scores de votre site. Il peut mettre en place une mise en cache, vous sevrer des plugins lents, optimiser vos actifs et ainsi de suite.

Similar Posts