Comment Kinsta et WP Rocket peuvent accélérer votre site

Vous voulez savoir comment Kinsta et WP Rocket peuvent accélérer votre site ? Avec le bon plugin d'hébergement et de mise en cache, vous pouvez obtenir une amélioration considérable des performances en quelques minutes seulement. Certaines des fonctionnalités intéressantes fournies avec ces deux services rendront votre site plus rapide, presque prêt à l'emploi.

Explorons le potentiel d'utilisation de WP Rocket avec Kinsta.

Pourquoi devriez-vous utiliser un hébergement rapide

Ce n'est un secret pour personne que la vitesse de votre fournisseur d'hébergement a un impact direct sur les performances de votre site Web. Si vous n'optimisez pas la vitesse de votre site, vous constaterez une baisse significative du trafic, des conversions et des revenus.

Un site Web performant peut présenter de nombreux avantages pour une entreprise. Premièrement, le site aide à niveler toute concurrence en le faisant apparaître comme une entreprise fiable fournissant des services ou des produits de haute qualité. Un fournisseur d'hébergement affecte la crédibilité de la marque. Si les visiteurs perçoivent que vos pages Web prennent une éternité à se charger, cela se reflétera dans vos ventes. Si votre site est lent, les gens auront du mal à naviguer et à accéder directement à la concurrence.

De plus, la performance d'un site web impacte son classement dans les moteurs de recherche. De bonnes vitesses de chargement sont importantes pour mesurer les mesures de l'expérience des visiteurs, ce qui influence la hauteur sur Google de votre apparition dans les résultats de recherche.

Pour servir efficacement des clients partout dans le monde, l'hébergement d'un site Web doit être rapide. L'hébergement est responsable de s'assurer que les données stockées sur votre site sont accessibles, peu importe d'où les gens les consultent.

Qu'est-ce que Kinsta (et à quelle vitesse c'est)

Kinsta est une société d'hébergement qui fournit aux utilisateurs de WordPress un hébergement sécurisé, rapide et fiable pour leurs sites Web. Rendre WordPress rapide est dans l'ADN de Kinsta depuis 2013. Ils sont connus pour leurs prix élevés, mais la qualité que vous obtenez en vaut la peine.

Kinsta est un excellent choix pour accélérer votre site WordPress. Non seulement ce sera super rapide, mais Kinsta fournit également tous les outils et fonctionnalités de sécurité dont vous avez besoin pour que votre site Web ou votre page de blog ne soit pas piraté. Je parie que vous vous demandez exactement ce que vous obtiendrez en vous inscrivant avec eux ? Passons en revue les principales fonctionnalités.

1. Accédez aux machines virtuelles C2 et au réseau de niveau Premium de Google Cloud

Kinsta héberge votre site WordPress directement sur la Google Cloud Platform, une infrastructure créée et maintenue par Google. Vous êtes hébergé au même endroit que Spotify, Coca-Cola, Snapchat… Incroyable, non ?

Kinsta utilise le réseau C2 VMS et Premium Tier de Google, qui offre une faible latence et un routage du trafic 30 à 50 % plus rapide en évitant autant que possible les pipelines Internet publics. Kinsta est le seul hébergeur sur le marché qui fournit des machines C2 sur tous les plans.

Je partage l'image ci-dessous pour illustrer l'impact de la migration vers les machines C2. Vous pouvez voir que le temps de réponse moyen du site est passé de 250 ms à 80 ms. C'est une augmentation de 212,5% des performances.

2. Choisissez l'emplacement de votre centre de données Google Cloud

Kinsta utilise le mode de déploiement multirégional de Google Cloud Platform. Cela signifie que vous pouvez choisir de placer votre site WordPress à l'emplacement le plus proche de vos visiteurs.

3. Utilisez le CDN de Kinsta (alimenté par Cloudflare)

Depuis cette année, le CDN de Kinsta a été jusqu'à 40 % plus rapide que le précédent. Le réseau s'étend dans plus de 200 villes ! Toutes vos données seront définitivement plus proches de vos visiteurs avec cette nouvelle mise à jour. Kinsta dit que son nouveau CDN peut améliorer la vitesse du site jusqu'à 44 %. Comme vous pouvez le voir ci-dessous, le temps de chargement est meilleur avec le nouveau CDN Cloudflare :

4. Utilisez le cache de Kinsta

Qu'est-ce que la mise en cache ? Cela réduit la quantité de travail nécessaire pour générer une vue de page.
Pourquoi utiliser le cache ? C'est simple : la mise en cache rend les sites Web WordPress plus rapides et réduit la charge sur votre serveur Web. Chaque site hébergé chez Kinsta utilise quatre types différents de caches appliqués automatiquement, à savoir le cache Bytecode, Object, Page et CDN.

5. Profitez de la surveillance intégrée des performances des applications (APM) de Kinsta

Vous pouvez utiliser l'outil APM de Kinsta pour surveiller et optimiser les sites WordPress, en vous assurant qu'ils fonctionnent toujours correctement. Cela vous permet également de déboguer votre site Web beaucoup plus rapidement car vous pouvez identifier d'où vient le problème :

6. Bénéficiez d'une plateforme intuitive conçue pour WordPress

Nous avons vu que la mission de Kinsta est d'offrir aux utilisateurs de WordPress une expérience d'hébergement axée sur les performances. Mais Kinsta présente d'autres avantages : il fournit également une plate-forme ergonomique vous permettant d'installer WordPress en un clic, d'accéder à des zones de développement simples et de mettre à niveau facilement vers la dernière version de PHP, par exemple.

Tous mes sites WordPress peuvent être regroupés dans la même interface, ce qui est très utile :

Et enfin, vous avez accès à une assistance 24h/24 et 7j/7, à des sauvegardes quotidiennes et à des serveurs ultra-sécurisés. Kinsta vérifie l'état de votre site Web toutes les deux minutes, ce qui signifie que le support peut être proactif si un problème survient.

7. Test de vitesse : Quelle est (vraiment) la vitesse de Kinsta ?

Nous utiliserons Google PageSpeed ​​Insight pour tester les performances de mon site WordPress hébergé sur Kinsta. Nous utiliserons également WebPageTest pour mesurer la métrique "temps de chargement complet". Les deux tests seront simulés à partir d'appareils mobiles .

Il y aura deux scénarios :

• Scénario #1 : mesurer les performances de mon site mobile avec quelques paragraphes (pas d'images) et le thème 2021 installé.
• Scénario #2 : Mesurer les performances de mon site mobile avec Astra et Elementor (une page d'accueil réaliste avec textes et images).

Scénario 1:

Mon score mobile est de 99/100 (100/100 sur ordinateur). Mon site Web est assez vide, donc je ne m'attendais pas à mieux de la part de Kinsta.

Les métriques de temps de chargement complet et de requêtes HTTP sont également très bonnes, ce qui est logique car ma page est presque vide.

Passons au scénario #2, avec Elementor installé et plus de contenu ajouté à ma page.

Scénario #2 :

Nous utilisons maintenant Elementor, des vidéos provenant de YouTube, des images, des icônes et bien plus de contenu qu'auparavant. Du coup, mon score est passé de 99 à 82/100 sur mobile (ce qui était prévisible car nous avons ajouté du contenu sans l'optimiser).

Remarque importante : Kinsta maintient un score vert sur ordinateur (91/100) même après avoir ajouté beaucoup de contenu.

Selon Google PageSpeed ​​Insights, la plupart des problèmes proviennent de JS et CSS non optimisés et de code tiers :

Vous voulez que votre site Web se charge en trois secondes ; Kinsta est juste sur cette limite (2.587s). Le nombre de requêtes HTTP est de 56, ce qui est un nombre sain - la moyenne sur Internet est de 70.

Vous pouvez en savoir plus sur le nombre recommandé de requêtes HTTP dans notre guide dédié.

Avec Kinsta, mon site WordPress a maintenu une excellente performance sur ordinateur mais a été impacté sur mobile. Le fournisseur d'hébergement est définitivement rapide et puissant. Cependant, les problèmes liés au code tiers ou à l'élimination des ressources bloquant le rendu n'ont pas été entièrement résolus par Kinsta. C'est là qu'intervient la magie du WP Rocket !

Cela nous amène à la section suivante : comment Kinsta et WP Rocket peuvent aider à atteindre un score de 100/100 sur mobile.

Pourquoi WP Rocket est un excellent match pour la performance

Le plugin WP Rocket est entièrement compatible avec l'environnement d'hébergement de Kinsta. Le fait est que Kinsta est déjà livré avec sa fonction de mise en cache. Par conséquent, WP Rocket ne sera pas nécessaire pour mettre en cache votre contenu, MAIS il sera nécessaire pour optimiser votre code et maintenir vos Core Web Vitals dans la zone verte.

Voyons comment WP Rocket peut aider à améliorer les performances de votre site WordPress.

1. Ce qu'il faut garder à l'esprit lors de l'utilisation de Kinsta et WP Rocket

La première chose à retenir est que la fonctionnalité de mise en cache des pages de WP Rocket est automatiquement désactivée pour éviter tout conflit avec la mise en cache de Kinsta . Cela étant dit, Kinsta (et nous) vous recommandons toujours de garder la case « mise en cache mobile » cochée :

Le CDN de Kinsta est alimenté par Cloudflare, il fonctionnera donc automatiquement avec WP Rocket - il n'y a aucune option à activer. Il n'est plus nécessaire de cocher l'option "Activer le réseau de diffusion de contenu".

De plus, Kinsta est entièrement intégré à Cloudflare, vous n'avez donc pas besoin de connecter le module complémentaire à votre compte.

Maintenant que vous connaissez les quelques options à peaufiner avant d'utiliser WP Rocket avec Kinsta, nous pouvons vous expliquer comment fonctionne WP Rocket et comment il peut facilement aider à atteindre notre objectif de performance.

Google PageSpeed ​​Insights mesure les performances (y compris les Core Web Vitals), et très souvent, vous verrez ces recommandations : "Éliminer les ressources bloquant le rendu en fournissant des JS/CCSS critiques en ligne et en différant tous les JS non critiques", "Réduire les ressources inutilisées JS et CSS », etc.

De nombreuses améliorations vont dans le sens du nettoyage de votre code et de l'optimisation de vos fichiers. WP Rocket vous aide à le faire en quelques clics grâce à l'onglet dédié "Optimisation des fichiers", directement accessible depuis votre tableau de bord WordPress :

Passons en revue chaque section afin que vous puissiez voir comment Kinsta et WP Rocket se complètent.

2. Réduire les CSS inutilisés

La réduction des règles inutilisées des feuilles de style et le report du CSS non utilisé pour le contenu au-dessus de la ligne de flottaison réduiront la consommation d'octets du réseau et amélioreront la vitesse de votre site.

3. Optimiser la livraison CSS

Une autre façon d'éliminer les CSS bloquant le rendu consiste à optimiser la livraison des CSS. Cela améliorera le temps de chargement perçu pour vos utilisateurs.

Remarque importante concernant la livraison CSS : Optimiser la livraison CSS ne doit être utilisé que si Supprimer les CSS inutilisés ne fonctionne pas pour l'utilisateur. Supprimer le CSS inutilisé doit toujours être le premier choix.

4. Charger JS Différé

L'une des principales causes des pages Web lentes est ce que l'on appelle le « script de blocage ». Si vous chargez JS de manière différée, vous améliorerez le temps de chargement. WP Rocket peut vous aider à le faire en un clic :

5. Retarder l'exécution de JS

Une autre façon d'accélérer votre site WordPress avec WP Rocket est de retarder l'exécution de JavaScript. La réduction du temps d'exécution de JS est également cruciale pour maintenir vos Core Web Vitals en bonne santé.

WP Rocket améliore votre score de performance Lighthouse en optimisant vos Core Web Vitals. Le KPI Largest Contentful Paint (LCP) est directement impacté si vous choisissez de différer et d'optimiser le JS et le CSS de votre site WordPress.

Une autre façon de différer un contenu moins important consiste à lui appliquer un script de chargement différé. Encore une fois, WP Rocket peut facilement vous aider à le faire. Voyons comment.

6. Mettre en œuvre le chargement paresseux

L'idée de base du chargement différé est de charger des images ou des iframes uniquement lorsque les utilisateurs ont besoin du contenu : ils n'auront pas à attendre que tous les éléments se chargent. L'activation et la désactivation manuelles du chargement différé peuvent prendre du temps. WP Rocket peut vous aider à gagner du temps et à appliquer automatiquement le script de chargement paresseux si nécessaire.

Une fois de plus, WP Rocket contribue à améliorer les Core Web Vitals et obtient un bon score selon les recommandations de PageSpeed ​​Insights. PSI nous conseille d'utiliser le chargement paresseux et de différer les images hors écran pour faire de la place aux images au-dessus du pli.

7. Précharger Prefetch et Preconnect

Dans le menu "Précharger", WP Rocket vous propose quatre options de préchargement, à savoir le cache de préchargement, les liens de préchargement, les requêtes DNS de préchargement et les polices de préchargement. Certains d'entre eux ne seront pas utiles à utiliser avec Kinsta alors profitons au maximum des options :

Précharger le cache : ne cochez pas cette option. Cela peut réduire les performances.

Préchargement du lien : cette option lance le téléchargement d'une page lorsqu'un utilisateur survole le lien. Cela augmente le temps de chargement perçu par l'utilisateur.

Prefetch DNS requests : cette fonctionnalité va donner un petit coup de boost à votre site mobile. La prélecture DNS est un excellent moyen d'améliorer les performances de votre site Web en résolvant les noms de domaine en arrière-plan avant que les utilisateurs ne cliquent sur quoi que ce soit.

Précharger les polices : cette option permet aux navigateurs Web de découvrir la police avant qu'elle ne soit découverte dans votre fichier CSS.

WP Rocket applique l'attribut rel="preload" qui est une autre recommandation de PageSpeed ​​Insights pour maintenir un FCP et un LCP sains comme indiqué ci-dessous :

8. Optimisation de la base de données

Dans le menu "Base de données", WP Rocket vous donne tous les outils pour conserver vos publications et commentaires dans une forme optimale. Vous pouvez choisir d'effectuer des nettoyages pour les publications, les commentaires, les transitoires et votre table de base de données. Vous pouvez également programmer un nettoyage si vous le souhaitez.

Toutes les options d'optimisation de la base de données fonctionnent bien avec Kinsta, et elles fournissent également cette fonctionnalité en utilisant Innodb.

9. Fonctionnalités d'optimisation supplémentaires

Il y a plus. WP Rocket est livré avec de nombreuses autres fonctionnalités pour améliorer la vitesse de votre site Web. Voici ce qui arrive à votre site WordPress lors de l'activation de WP Rocket :

• La compression GZIP est activée, ce qui signifie que la taille de vos fichiers diminue et que vos visiteurs accèdent plus rapidement à votre contenu.
• Le nombre de requêtes HTTP est réduit, ce qui accélère le chargement de votre site.
• Vos fichiers multimédias sont chargés uniquement lorsque cela est nécessaire pour économiser de la bande passante
• Les attributs de largeur et de hauteur manquants aux images sont ajoutés. Cela permet d'éviter les changements de mise en page, d'améliorer votre score CLS et d'offrir une meilleure expérience utilisateur. .
• Et bien plus d'optimisations de vitesse pour WordPress.

Comment accélérer votre site avec Kinsta + WP Rocket

Si votre site WordPress est hébergé sur Kinsta avec WP Rocket activé, vous augmentez vos chances de faire passer votre site Web à la vitesse de la lumière.

Faisons un audit de performance.

Nous utiliserons Google PageSpeed ​​Insights et WebPageTest pour mesurer les performances mobiles. Mon site de test est une agence de voyage construite avec Elementor et Astra.

Scénario #1 – Mon site de test hébergé sur Kinsta – Pas de WP Rocket

Utilisation de Google PageSpeed ​​Insights (performances mobiles)

Sans procéder à aucune optimisation, mon site de test hébergé par Kinsta reste assez rapide sur mobile (82/100). Cependant, certains de mes Core Web Vitals sont passés à la couleur orange.

Le temps de chargement complet et le nombre de requêtes sont acceptables, confirmant que Kinsta est un fournisseur d'hébergement rapide.

Scénario #2 – Mon site de test hébergé sur Kinsta – avec WP Rocket

Utilisation de Google PageSpeed ​​Insights (performances mobiles)

Les résultats sont impressionnants : nous obtenons 100/100 sur Lighthouse ! Tous mes Core Web Vitals sont verts, le changement de mise en page cumulé et le temps de blocage total ont été réduits à 0.

Deux autres métriques (les requêtes HTTP et le temps de chargement complet) ont également été considérablement réduites grâce à WP Rocket (de 3,5 s à 1,5 s et de 56 requêtes à 17).

Et voici l'aperçu des performances que nous avons résumé dans un tableau :

Emballer

Kinsta fournit des services d'hébergement WordPress premium gérés aux entreprises utilisant uniquement des centres de données premium situés dans le monde entier. Cela garantit une disponibilité optimale tout en protégeant les sites des clients contre les attaques DDoS ou autres interruptions pendant les heures de pointe d'utilisation.

Si vous combinez Kinsta avec WP Rocket, vous obtenez le meilleur des deux mondes : un hébergement rapide avec une solution de cache intégrée et un plugin WordPress qui booste les performances de votre site et fait passer vos Core Web Vitals au vert (100/100 par Lighthouse ) !

Obtenir 82/100 sur mobile avec Kinsta	Obtenir 100/100 sur mobile avec Kinsta et WP Rocket

Comme nous l'avons vu dans notre audit de performance, WP Rocket est l'un des moyens les plus simples d'améliorer votre score PageSpeed ​​Insights.

Et ce qui est bien, c'est que vous ne prenez aucun risque : vous avez une garantie satisfait ou remboursé de 14 jours lorsque vous achetez WP Rocket.

Êtes-vous un utilisateur de Kinsta et de WP Rocket ? Dites-nous comment les choses se passent pour vous dans les commentaires ci-dessous.