Comment améliorer le TTFB, le LCP et les temps de chargement des pages de votre site en un seul coup ?

Publié: 2023-07-01
cloudwayscdn-edge-cache-ttfb-lcp

Chaque propriétaire de site rêve de créer un site Web à chargement rapide pour obtenir un meilleur classement Google et d'énormes conversions. Je suppose que vous souhaitez également la même chose et faites donc votre présence ici !

La meilleure façon d'accélérer le chargement de votre site est d'améliorer le TTFB (Time To First Byte), les temps de chargement des pages et le LCP (Largest Contentful Paint, une métrique de Core Web Vitals)

Si je dis que j'ai une solution pour obtenir des valeurs inférieures pour ces Metrix à trois vitesses, alors comment vous sentez-vous ? Vous serez excité, non?

Oui! Vous pouvez améliorer le TTFB, le LCP et le temps de chargement du site en une seule fois grâce à la nouvelle fonctionnalité d'hébergement Cloudways et au partenariat avec Cloudflare.

J'utilise cet hébergement infogéré depuis 5 ans et je suis ravi de ses excellentes performances de rapidité et de sécurité ; Je n'ai jamais rencontré de problème d'indisponibilité jusqu'à présent.

Quel est le dernier addon de l'hébergement Cloudways ? La mise en cache des pages périphériques et le routage intelligent Argo de Cloudflare Enterprise sont les exigences pour mes blogs hautes performances.

Je cherchais une mise en cache pleine page pour transmettre les éléments vitaux du Web. Je payais 20 $ pour le plan Cloudflare Argo Pro pour obtenir cette fonctionnalité, désormais disponible dans Cloudways.

Comme vous recherchez une amélioration de la vitesse des pages, laissez-moi vous expliquer ces fonctionnalités de vitesse de l'intégration Cloudways Cloudflare CDN, et vous l'obtiendrez donc pour augmenter le score de vitesse de votre site.

Qu'est-ce que la mise en cache des pages Edge ? Quels sont ses avantages ?

Au lieu d'avoir l'espace mémoire dans l'emplacement central du CDN, il a été rapproché de la périphérie du réseau afin que les utilisateurs puissent récupérer les données plus efficacement. En conséquence, la charge et la latence globales du réseau sont réduites et le stress est faible dans le centre de données.

En termes simples, il s'agit de matériel physique situé à la périphérie du réseau avec des ressources informatiques très performantes pour gérer le stockage des données. Il est similaire à un canter de données cloud qui stocke les ressources fréquemment utilisées pour la livraison.

Ainsi, le cache de page périphérique met en cache vos pages Web populaires sur les serveurs périphériques de Cloudflare dans plus de 275 POP à travers le monde. C'est plus rapide que le cache partiel car vos pages préférées sont immédiatement livrées à vos lecteurs à partir du serveur périphérique le plus proche.

Avantages

  • Réduit la charge sur votre serveur d'origine car il n'obtient que moins de requêtes
  • Maintient votre site disponible lorsque le serveur d'origine tombe en panne
  • Réduit la bande passante et la latence ; améliore les performances et la sécurité
  • Répond en temps réel et optimise vos structures de données
  • Sert des utilisateurs massifs et gère un trafic plus élevé
  • Améliore le temps de chargement des pages car votre contenu est plus proche de votre public

Tout comme la mise en cache des pages Edge, vous devez connaître Argo Smart Routing et ses avantages !

Qu'est-ce que le routage intelligent Argo ? Quels sont ses avantages ?

L'Argo Smart Routing de Cloudflare détecte les embouteillages du réseau en temps réel et livre votre contenu à l'utilisateur final via les meilleurs itinéraires. Il améliore considérablement les temps de chargement des pages en utilisant efficacement votre bande passante.

Étant donné que le routage Argo détecte le chemin le plus optimal pour la diffusion de contenu et réduit la latence du réseau de 30 %, votre site se chargera très rapidement, ce qui se traduira par une excellente expérience utilisateur et un taux de rebond réduit pour les classements Google plus élevés.

Avantages

  • Expérience utilisateur améliorée
  • Disponibilité accrue
  • Trafic crypté pour une haute sécurité
  • Diffusion de contenu dynamique
  • Analyses détaillées via l'histogramme

Cloudways + CDN Cloudflare

CDN (Content Delivery Network) est essentiel pour accélérer les sites Web des entreprises. Cloudways a reconnu l'importance de sécuriser les sites du client et s'est associé au CDN de classe mondiale, Cloudflare.

C'est un addon payant très abordable (4,99 $ pour moins de 5 domaines). J'ai clairement expliqué comment intégrer Cloudflare CDN dans l'hébergement Cloudways avec des instructions étape par étape et un didacticiel vidéo. Vous n'utilisez pas cet hébergement infogéré ? Obtenez-le maintenant grâce au code promotionnel Cloudways !

CloudwaysCDN contient

  • CDN d'entreprise de 100 Go
  • Protection DDoS et pare-feu
  • Optimisation d'image et compression Brotli
  • Optimisation mobile Mirage
  • Prise en charge HTTP/3

Et maintenant,

  • Mise en cache des pages périphériques
  • Routage intelligent Argo
  • Limitation globale du débit
  • Projet pot de miel

Comment activer le cache Edge dans Cloudways CDN ?

Si vous avez activé CloudwaysCDN, activer la mise en cache de la page Edge est facile. Laissez-moi vous dire quelques étapes pour l'activer!

Étape 1 : Visitez votre tableau de bord Cloudways

Étape 2 : Sélectionnez votre serveur, et allez dans « Applications »

Étape 3 : Accédez à la section Cloudflare ; vous verrez les paramètres suivants

Étape 4 : Accédez à l'onglet « Paramètres » et activez les options affichées dans la capture d'écran ci-dessous.

C'est tout! Vous avez activé avec succès le cache périphérique dans Cloudways CDN pour accélérer votre site Web WordPress.

Voyons maintenant les scores des temps de chargement TTFB, LCP et Page avant et après l'activation du cache de page Edge.

Résultats des tests GTMETRIX

Mon site est hébergé sur un serveur DO 2 Go à Banglore, en Inde. J'ai testé les temps de chargement de mon blog dans GTMetrix, et voici les résultats pour votre visionnement ! Regardez les scores marqués!

Avant d'activer le cache de page Cloudways CDN Edge

gtmetrix-score-before-edge-cache

Après l'activation du cache de page Cloudways CDN Edge

cloudwayscdn-edge-page-cache

Vous pouvez voir les ajustements dans le temps TTFB, LCP et entièrement chargé. Ainsi, la valeur TTFB de mon site a été améliorée de 56,6 % .

Pas seulement dans un seul pays ! J'ai fait les tests de vitesse dans différents endroits du monde, et voici les résultats.

Emplacement TTFB TTFB après le cache Edge PCL LCP après le cache périphérique Temps de chargement complet Temps de chargement complet après le cache Edge
Vancouver, Canada 152ms 66ms 379ms 236ms 2.9s 2.1s
Hong Kong, Chine 228ms 50ms 507ms 312ms 2.9s 1.9s
Londres, Royaume-Uni 190ms 41ms 626ms 264ms 2.2s 2.2s
Sydney, Australie 228ms 68ms 728ms 353ms 4.8s 3.1s
Mumbai, Inde 394ms 49ms 1.8s 1.1s 4.7s 2.9s
San Antonio, Texas, États-Unis 115ms 48ms 428ms 265ms 2,5 s 1.8s
São Paulo, Brésil 463ms 72ms 1.1s 634ms 3,5 s 2.6s
Vous pouvez voir les améliorations de la valeur de vitesse à chaque endroit ! Maintenant, approfondissons les tests de vitesse !

Résultats du test SpeedVitals

SpeedVitals est un site Web bien connu pour mesurer les performances des sites Web. Jetez un coup d'œil au score de performance avant et après le Edge Page Cache dans CloudwaysCDN.

Performances avant le cache de page complète du CDN Cloudways

performances-avant-cloudways-edge-cache

Performances après le cache de page complète du CDN Cloudways

performance-après-cloudwayscdn-edge-cache

Sans aucun doute, le cache pleine page de l'addon Cloudflare CDN dans l'hébergement Cloudways augmente la vitesse de chargement du site.

À partir des captures d'écran ci-dessus, vous pouvez voir que la note de performance de mon site est passée de "C" à "A" . C'est une grande accélération de la vitesse que j'attendais pour un engagement plus élevé des utilisateurs et pour attirer l'attention de Google.

Et maintenant, permettez-moi de montrer les scores TTFB avant et après l'activation du cache Cloudways CDN Edge.

TTFB marque avant Edge Cache en Europe

Avant-edge-cache-statut-Europe

Résultats des tests TTFB après Edge Cache en Europe

after-edge-cache-ttfb-europe

Pour afficher le score TTFB dans un format clair, j'ai entré les valeurs de vitesse dans le tableau ! Regardez la réduction des valeurs TTFB.

Emplacement Avant le cache périphérique Après le cache périphérique
Londres, Royaume-Uni 468ms 191ms
Paris, France 215ms 206ms
Suède 349ms 79ms
Finlande 306ms 57ms
Belgique 248ms 63ms
Madrid, Espagne 295ms 220 ms
Milan, Italie 594ms 36ms
Pays-Bas 243ms 213ms
Warsaw, Pologne 661ms 36ms
Francfort, Allemagne 529ms 230ms
Moyenne 391ms 133ms
D'après les valeurs moyennes, j'ai appris que le TTFB de mon site s'était amélioré de 66 % en Europe . Vous n'avez pas besoin de cette progression du temps de chargement de la page ?

Résultats TTFB avant le cache de page complète CDN de Cloudways en Amérique

cloudwayscdn-ttfb-america-before-edge-cache

Valeurs TTFB après Cloudways CDN Full Page Cache en Amérique

ttfb-cloudwayscdn-america-after-edge-cache

Ne manquez pas de vérifier les améliorations du score de vitesse TTFB après avoir activé le cache de page Cloudways CDN Edge !

Emplacement Avant le cache périphérique Après le cache périphérique
Las Vegas, États-Unis 166ms 74ms
Lowa, États-Unis 238ms 125ms
Caroline du Sud, États-Unis 194ms 69ms
Virginie du Nord, États-Unis 138ms 115ms
Orégon, États-Unis 194ms 62ms
Dallas, États-Unis 211ms 89ms
Montréal Canada 162ms 52ms
São Paulo, Brésil 454ms 36ms
Santiago, Chili 435ms 38ms
Moyenne 244ms 73ms
Avec l'aide des scores moyens, j'ai calculé que le TTFB de mon site s'est amélioré de 70% en Amérique . Je suis ravi de ce saut drastique dans le score de vitesse.

TTFB marque avant Edge Page Cloudways CDN Cache en Asie-Pacifique et en Afrique

ttfb-asia-pacific-africa-before-edge-cache

Résultats TTFB après Cloudways CDN Edge Cache en Asie-Pacifique et en Afrique

ttfb-cloudwayscdn-asia-africa-after-edge-page-cache

Enfin, regardez les valeurs TTFB avec et sans cache pleine page Cloudways CDN.

Emplacement Avant le cache Après cache
Mumbai, Inde 474ms 84ms
Delhi, Inde 830ms 68ms
Taïwan 305ms 45ms
Hong Kong 370ms 45ms
Tokyo, Japon 344ms 38ms
Singapour 255ms 240 ms
Jakarta, Indonésie 593ms 77ms
Sydney, Australie 227ms 218ms
Dubaï, Emirats Arabes Unis 786ms 130 ms
Tel-Aviv, Israël 833ms 147ms
Afrique du Sud 928ms 107ms
Moyenne 540ms 109ms
Pour les régions Asie-Pacifique et Afrique, le score TTFB a été modifié de 79,8 % . Comme notre public cible se situe dans ces régions, je suis satisfait de cette élévation du temps de chargement.

Mise en cache Edge CDN Cloudways - FAQ

J'utilise CloudwaysCDN. Dois-je payer un supplément pour Edge Page Caching ?

Non! Vous n'avez pas besoin de payer de l'argent supplémentaire pour activer la mise en cache Edge dans l'hébergement Cloudways.

Qu'est-ce que la limitation de débit globale dans CloudwaysCDN ?

La limitation globale du débit dans Cloudflare CDN protège votre site contre le trafic automatisé malveillant et garantit une disponibilité à 100 %. Cette fonctionnalité de sécurité est désormais disponible pour les utilisateurs de CloudwaysCDN. Vous devez l'activer.

Puis-je améliorer mon score TTFB avec la mise en cache Edge ?

Oui bien sûr! Nous avons constaté des améliorations significatives dans le TTFB, le LCP et le temps de chargement complet de notre site Web. Consultez nos scores de vitesse (captures d'écran ci-jointes) après avoir activé cette fonctionnalité Cloudflare dans CloudwaysCDN.

Pourquoi devrais-je intégrer l'extension Cloudflare Enterprise dans l'hébergement Cloudways ?

Si vous possédez un site professionnel dédié, vous devriez obtenir le module complémentaire d'entreprise Cloudflare dans l'hébergement Cloudways pour obtenir leur service géré et vous concentrer sur la croissance de l'entreprise, éviter d'utiliser plusieurs plugins, empêcher le trafic malveillant grâce à une sécurité renforcée et améliorer les performances du site.

Conclusion - Améliorez le TTFB, le LCP et le temps de chargement des pages avec CloudwaysCDN Edge Cache

Le CDN réduit la charge de votre serveur Web et accélère la diffusion de contenu pour votre public. Cependant, vous devez être prudent lorsque vous choisissez un fournisseur de CDN fiable pour sécuriser vos données et améliorer les performances de vitesse du site.

L'équipe d'hébergement de Cloudways s'efforce toujours d'offrir le service d'hébergement le plus rapide à ses clients. Ils ont introduit plusieurs qualités de vitesse, et son partenariat Cloudflare CDN en fait partie.

Et maintenant, prenant l'éminence de la vitesse à une nouvelle hauteur, ils ont mis à disposition la mise en cache de page Edge et le routage Argo Smart pour des temps de chargement plus rapides afin que votre public, où qu'il se trouve, puisse accéder rapidement à votre site.

Ainsi, pour réduire le TTFB et le LCP de Core Web Vitals de votre site, vous devriez envisager d'utiliser le CloudwaysCDN et d'activer le cache de page complète sans aucun frais supplémentaire. Qu'est-ce que tu attends? Commencez gratuitement avec Cloudways et obtenez un rabais de 30 $.