Retour au centre d’apprentissage

Qu’est-ce que le Largest Contentful Paint, et comment pouvez-vous l’améliorer ?

Qu’est-ce que le Largest Contentful Paint et comment pouvez-vous l’améliorer ? 
Améliorer le LCP avec Fastly

Comme le sait toute personne soucieuse du SEO et des performances du site web, les Google Core Web Vitals (CWVs) constituent un élément essentiel à prendre en compte lors de l’évaluation et de l’amélioration de l’expérience client sur votre site web. Ces CWVs incluent trois métriques clés : 

Cet article traite de la première des métriques (et la plus impactante), le LCP, et de la manière de l’améliorer. 

Qu’est-ce que le LCP ?

Le LCP mesure le temps écoulé entre le début du chargement d’une page et le rendu de l’élément le plus volumineux.  Les éléments mesurés sont généralement des images, des vidéos, et des éléments de type bloc contenant des nœuds de texte. En termes simples, il s’agit du temps d’attente le plus long qu’un utilisateur connaît sur votre site web pendant qu’il navigue sur votre site. 

Une bonne mesure est inférieure à 2,5 secondes.

Pourquoi le LCP est-il important/pourquoi est-il important pour les performances du site web ? 

Le LCP est essentiel, tant pour l’expérience utilisateur que pour les résultats de votre entreprise : 

  1. Cela a un impact direct sur la satisfaction des utilisateur - Les clients, visiteurs et consommateurs sur votre site web sont volages. Même de très brefs délais de chargement peuvent entraîner une opportunité perdue. Pensez à la dernière fois où vous avez consulté un site lent… notre pari est que vous avez probablement fermé votre fenêtre, ou que l’expérience vous a au moins agacé. 

  2. Cela améliore le SEO - Google indique directement et ouvertement que les CWV ont un impact sur la façon dont votre page apparaît dans les résultats de recherche. Un LCP médiocre se traduit par un classement inférieur (et moins de regards sur votre page). 

  3. Cela réduit les taux de rebond - Une mauvaise satisfaction client (n° 1) est directement corrélée à des taux de rebond plus élevés. Grâce à des temps de chargement plus rapides, vous pouvez satisfaire les utilisateurs, et les garder sur votre site. 

  4. Cela augmente les taux de conversion - Des clients satisfaits, et des sites qui chargent rapidement entraînent des taux de conversion plus élevés. 

Comment pouvez-vous améliorer le LCP ? 

L’utilisation d’un CDN moderne est l’un des moyens les plus rapides et les plus efficaces d’améliorer vos Core Web Vitals, en particulier le Largest Contentful Paint (LCP), le plus important des trois CWV. 

Bien que votre configuration de Content Delivery Network puisse contribuer à améliorer l’INP et le CLS, ils n’en seront pas les principaux moteurs. 

Le Largest Contentful Paint peut être directement impacté par votre configuration de Content Delivery Network et le design d’API.  Pour améliorer cette métrique, l’une des solutions consiste à réduire le temps de chargement du premier octet (TTFB), En mettant en cache les réponses d’API et en compressant les images en périphérie, vous pouvez améliorer votre Temps de chargement du premier octet, et donc votre LCP. 

Le design d’API optimisé peut sérieusement influencer la vitesse de chargement du contenu dynamique, offrant une expérience utilisateur non seulement plus personnalisée, mais aussi plus rapide. 

Vraiment, la meilleure approche est d'utiliser un CDN moderne qui peut vous aider à relever tous ces défis : 

Comment Fastly peut-il contribuer à améliorer le LCP ?

Un CDN moderne comme Fastly peut contribuer à améliorer votre score LCP en améliorant votre temps de chargement du premier octet (TTFB),  en mettant en cache les réponses d’API, et en compressant les images en périphérie. 

Un design d’API optimisé et un réseau qui maintient activement ses connexions ouvertes peuvent considérablement améliorer le temps de chargement de votre contenu mis en cache, de votre contenu dynamique, et même de votre contenu non mis en cache, tout en offrant une expérience utilisateur plus personnalisée et plus rapide.  

distribution de stale data

Fastly vous permet de diffuser du contenu « stale » lorsque votre serveur d’origine met trop de temps à répondre. Si un client essaie de charger une page, mais que votre serveur d’origine est indisponible ou met trop de temps à répondre, Fastly peut continuer à diffuser du contenu « stale » (en cache) à ce visiteur jusqu’à ce que le problème soit résolu, ce qui signifie aucune interruption dans la distribution de contenu à votre public. Ce processus permet à la fois de préserver l’expérience utilisateur et la satisfaction et de maintenir un bon classement SEO (Google ne voit jamais que votre site ne charge pas de données ou que le chargement est lent), et lorsque votre serveur d’origine est de nouveau actif et fonctionne, le contenu est mis à jour. 

Gestion des requêtes à volume élevé

La demande toujours croissante des bots d’indexation peut exercer une charge excessive sur vos serveurs, et vous ralentir. Fastly peut être facilement configuré pour servir du contenu « stale data » aux robots d’exploration, réduisant ainsi la demande sur vos serveurs. Les robots d’exploration continuent d’obtenir un contenu réel et pertinent, mais il pourrait ne pas s’agir de la toute dernière version. Nous gérons sans effort un grand volume de requêtes (même des attaques DDoS) sans sacrifier les performances - en acheminant intelligemment le trafic en fonction de la « météo sur Internet ». 

Meilleur classement de sécurité

L’inclusion de notre déni de service distribué, de Bot Protection et de la sécurité de la couche de transport signifie un site web plus sécurisé pour vos clients, et la prévention de diverses cyberattaques. Les mises à jour répétées de l’algorithme de Google montrent clairement que la sécurité d’un site web joue un rôle important dans son classement SEO. Les sites web dont les mesures de sécurité sont insuffisantes ou inexistantes obtiennent un mauvais classement et peu de visibilité dans les résultats de recherche. 

Temps de chargement plus rapides pour les fichiers volumineux

Si vous servez des fichiers vidéo plus volumineux à vos clients, Fastly peut rapidement contribuer à améliorer la vitesse de la page. Google n’indexe généralement pas les fichiers vidéo, sauf s’ils se trouvent sur des plateformes comme YouTube. Par conséquent, si votre site web héberge divers fichiers vidéo intégrés sur le même serveur web, votre page risque de se charger plus lentement. Fastly peut servir des versions en cache des fichiers vidéo - un excellent moyen d’éviter ce problème. 

Mise en cache du contenu dynamique 

API 

Fastly aide à protéger votre serveur d’origine contre un nombre excessif de requêtes API. Bien souvent, les entreprises pensent, à tort, que le trafic API est trop dynamique pour pouvoir être pris en charge par leur CDN. Fastly préconise depuis longtemps de bonnes pratiques dans la conception d’API, permettant de mettre en cache en périphérie des réponses d’API. Malheureusement, les réponses d’API sont trop souvent ignorées, car elles ne « peuvent pas être mises en cache », ce qui signifie que vous êtes désavantagés concernant les gains les plus simples que vous pourriez obtenir en termes de performance et de fiabilité, si vous aviez mis en cache uniquement vos réponses d’API sur un réseau en périphérie. La disponibilité des API peut impacter la disponibilité des sites web et des services partenaires, vous devez donc impérativement garantir le plus haut niveau de sécurité pour vos API. Vous pouvez y parvenir en mettant en cache en périphérie davantage de contenu API, avec le CDN approprié. 

contenu dynamique 

Fastly peut également mettre en cache du contenu « dynamique » ou qui change fréquemment (par exemple, les informations de compte, les produits basés sur l’emplacement, les modifications de stocks, les nouveaux titres). Avec un CDN traditionnel, les clients souffrent, car leur trafic doit renvoyer toutes les données vers les serveurs d’origine, ce qui se traduit par des temps de réponse plus lents, des dépenses d’infrastructure accrues et des coûts associés plus élevés pour la sortie de données pour ces nombreuses réponses (inutiles). Au lieu de cela, les CDN modernes permettent à votre entreprise de prendre en charge du contenu vraiment dynamique qui change avec chaque demande, en périphérie plutôt qu’à partir des serveurs d’origine. Vous pouvez ainsi exécuter votre code au plus près de l’utilisateur final, supprimant les dégradations de performances coûteuses et longues. 

Optimisation d’images

Fastly contribue à optimiser considérablement les images - en stockant des copies d’une image sur des serveurs distribués, l’utilisateur final reçoit une image depuis l’emplacement le plus proche de lui. Cela réduit le temps de chargement et vous permet de redimensionner, compresser ou convertir dynamiquement les images en fonction du dispositif et de la taille d’écran de l’utilisateur final. En servant la version la plus optimisée d’une image, nous offrons non seulement la meilleure expérience possible à l’utilisateur final, mais nous minimisons également l’impact courant que les temps de chargement des images ont sur un site web. Optimiser la gestion et la distribution des images sur votre site ou votre application de sorte à en réduire la taille, à accélérer les temps de chargement et à réduire le nombre d’appels vers le serveur d’origine vous permet d’améliorer considérablement vos performances globales.

Si vous souhaitez en savoir plus sur la manière dont Fastly peut vous aider à améliorer votre LCP, contactez-nous .

Prêt à commencer ?

Contactez-nous dès aujourd’hui
Parler à un expert