Comment j'ai obtenu un score de 100/100 de Google Pagespeed sur mon blog Anime
Comment obtenir un score Google Speed élevé sur un site web (score Lighthouse)
A site plus rapide est indispensable pour obtenir un taux de conversion élevé et une meilleure expérience utilisateur. Google PageSpeed Insights est l'outil développé par Google pour fournir un index de vitesse pour un site web. Google s'est beaucoup concentré sur la garantie d'un expérience fluide et sans heurts aux utilisateurs. En fait, Google PageSpeed Insight constitue un facteur de classement dans les résultats de recherche. Cet article met l'accent sur comment obtenir un score élevé sur Google PageSpeed Insight pour un blog WordPress. Les actions entreprises ne requièrent pas de connaissances en matière de codage et peuvent être réalisées même par un nouvel utilisateur de WordPress.
Le score Google PageSpeed Insight de mon blog anime.
Après plusieurs tentatives, nous sommes parvenus à obtenir une Score Google Pagespeed proche de 100/100 sur mon blog anime (99/100 Lighthouse score en fait). En général, un score de vitesse supérieur à 85 est considéré comme positif pour réduire les temps de chargement et augmenter le temps passé par les utilisateurs sur la page. Voici ci-dessous le cas de test pour l'un des sites suivants ma critique de l'anime blog.
Il existe un les 3 principaux domaines sur lesquels il faut se concentrer pour améliorer le temps de chargement, la première peinture de contenu et l'indice de vitesse d'un site web:
- Obtenez un serveur d'hébergement performant pour votre site web (dans notre site web, nous utilisons Cloudways).
- Utilisez un thème premium et réduisez le nombre de plugins installés (vous pouvez consulter les thèmes WordPress les plus utilisés dans cette section). page)
- Utilisez un plugin de cache qui permet de réduire les requêtes https, les temps de chargement et de minimiser les scripts.
La valeur enregistrée par Google Pagespeed Insight pour mon blog anime
Obtenez un hébergement performant à bas prix.
Les serveurs d'hébergement sur lesquels tourne votre site web sont un point crucial pour le développement de votre site. améliorer l'indice de vitesse d'un site web. Afin de ne pas perdre de temps sur les étapes suivantes, il est bon de partir d'une base solide du côté du matériel.
En général, les sociétés d'hébergement les plus populaires (comme Namecheap, Bluehost et Siteground) proposent à leurs clients un plan d'hébergement mutualisé qui est proposé au tarif de coût entre 5-20$/mois jusqu'à la fin de la période promotionnelle. En fait, après l'expiration de la première période, les prix ont tendance à doubler pour maintenir le même plan d'hébergement. Parmi les entreprises mentionnées ci-dessus, l'une des plus fiables est Siteground, au cas où vous seriez intéressé, vous pouvez lire un article sur ici.
Quels sont les inconvénients d'un hébergement partagé ?
L'hébergement mutualisé est un type d'hébergement web dans lequel une personne est hébergée. serveur physique unique plusieurs sites. Les utilisateurs obtiennent chacun une section d'un serveur dans laquelle ils peuvent héberger les fichiers de leur site web. Les serveurs partagés peuvent accueillir des centaines d'utilisateurs. Chaque client utilisant le serveur de la plateforme d'hébergement mutualisé a accès à des fonctionnalités telles que les bases de données, le trafic mensuel, l'espace disque, les comptes de messagerie, les comptes FTP et d'autres modules complémentaires proposés par l'hébergeur. Les ressources du système sont partagées à la demande par les clients sur le serveur, et chacun obtient un pourcentage de tout ce qui est RAM et CPU, et d'autres éléments tels que le serveur MySQL, le serveur Apache et le serveur de messagerie.
Les problèmes de l'hébergement partagé.
Même si l'hébergement mutualisé peut apparaître comme un choix rentable, quelques des problèmes liés à la performance se posent. En fait, lorsque votre site web n'a plus assez de ressources "dédiées" (ce qui est susceptible de se produire pendant les pics de trafic), la société de partage vous informera qu'il est préférable de mettre à jour votre plan. Si vous ne procédez pas à cette mise à niveau, votre site web-blog risque d'apparaître comme non disponible pour les nouveaux utilisateurs. En général, la mise à niveau de votre plan d'hébergement partagé peut entraîner un doublement, voire un triplement du prix !
Obtenez plus de vitesse avec les mêmes coûts : Hébergement géré par Cloudways.
Une solution d'hébergement gérée est probablement la meilleure solution pour obtenir les temps de chargement les plus courts et le prix le plus bas. On parle d'infogérance lorsqu'un hébergeur prend en charge l'installation, l'administration, la gestion et le support d'un serveur et/ou d'une application. Les services d'infogérance varient d'un hébergeur à l'autre mais comprennent généralement Mises à jour et correctifs du système d'exploitation, assistance 24/7/365, gestion de l'infrastructure du réseau et du matériel.Le système de gestion de la sécurité du serveur, les mesures de sécurité de base, y compris la protection contre les virus et le spam, ainsi que la surveillance et la correction de tout ce qui pourrait nuire aux performances du serveur.
Hébergement mutualisé vs hébergement infogéré pour obtenir un score Google Pagespeed de 100/100.
Prenons l'exemple du plan de base de Siteground (vous pouvez le consulter ici) et le système de base l'un des hébergements gérés de Cloudways (vous pouvez le consulter iciet de démarrer un essai gratuit).
Les plan de base de Cloudways est proposé au prix de $10/mois. Le prix est fixe et n'est pas soumis à une augmentation après une période de promotion. Vous pouvez choisir entre plusieurs opérateurs de serveurs (Digital Ocean, Vultr, AWS, Linode ecc...). Pour l'exemple actuel, prenons Digital Ocean (celui que nous utilisons). Le plan de base vous permet de gérer jusqu'à 70'000 pages vues par mois ce qui est une valeur assez élevée pour un blog de petite/moyenne taille.
D'autre part, le plan de base de Siteground coûte $3.99/mois (pendant la première période de promotion) tandis que les coûts complets deviennent $12.99 à l'expiration de la promotion. En comparaison avec Cloudways, le plan de base de Siteground ne peut gérer que 10'000 visites/mois et le plan de base de Cloudways ne peut gérer que 10'000 visites/mois. les temps de chargement sont beaucoup plus longs à cause de l'hébergement partagé.
Les avantages de l'hébergement géré de Cloudways.
Voyons plus en détail ce que Cloudways Managed Hosting pour le petit prix de $10/mois. Cloudways propose un certain nombre de fonctionnalités :
- Lancement en 1 clic de plusieurs applications (dont WordPress, WooCommerce et Magento).
- Nombre illimité d'applications par serveur.
- Un choix de 5 fournisseurs de cloud de premier ordre (AWS, Google Cloud, DigitalOcean, Linode et Vultr), tous prêts à être lancés en un seul clic.
- Certificats SSL gratuits.
- CloudwaysCDN intégré
- Une pile haute performance pour WordPress, WooCommerce et Magento
- Tarification à la carte.
- Plugins de cache intégrés et gratuits pour WordPress et Magento
- Opérations en 1 clic, y compris le lancement du serveur, le clonage du serveur/de l'application, la surveillance et bien d'autres choses encore.
- Environnement d'essai convivial pour les développeurs.
- Gestion de la sécurité et des sauvegardes.
- Fonctionnalités efficaces de collaboration en équipe.
- Automatisation facile de Github pour les développeurs.
- Flexibilité dans l'évolution de la taille du serveur.
Comme vous pouvez le comprendre, Cloudways offre les mêmes fonctionnalités (voire plus !) que celles disponibles sur les hébergements mutualisés plus commerciaux. Si vous souhaitez faire un essai gratuit, vous pouvez consulter le site suivant ce lien.
L'hébergement Cloudways est optimisé pour les utilisateurs de WordPress et vous permet de choisir la version de PHP la plus appropriée (PHP 8 est également disponible !).
Le processus de migration est très simple et un guide étape par étape est fourni ici, mais vous pouvez également demander à l'équipe d'assistance technique de la Commission européenne de vous aider à effectuer la migration. équipe de Cloudways pour le faire à votre place !
La deuxième étape pour atteindre un score de 100/100 de Google Pagespeed : réduire les plugins et les javascripts.
Après avoir examiné une l'hébergement le plus performant (comme l'hébergement Cloudways), vous devez examiner de près votre site web WordPress. Il existe de nombreuses façons d'améliorer l'expérience des utilisateurs en réduisant les temps de chargement des articles et des pages. Nous allons simplifier les choses.
Désinstallez tous les plugins que vous n'utilisez pas (ou désactivez-les).
Les plugins ajoutent beaucoup de code (javascripts) qui tend à surcharger l'unité centrale de vos serveurs. Chaque plugin effectue un certain nombre de requêtes, ce qui augmente le temps de blocage et le temps d'interactivité dans les statistiques de Google PageSpeed Insight. Essayez de limiter l'utilisation de jQuery et de stocker les polices Google en local. Pour améliorer les performances liées aux polices Google, vous pouvez utiliser ce plugin (OMGF - Héberger localement les polices Google).
Autres plugins qui consomment des ressources.
Autres plugins qui sont des ressources consommer sont les tableaux de données (par exemple utilisé dans le plugin Sporpress) et les fonctions du layer-slider. Envisagez de ne pas utiliser ces éléments s'ils ne sont pas strictement nécessaires.
Optimisez votre blog WordPress avec Ezoic Leap.
Le saut ézoïque est un outil très pratique qui permet de gratuit pour les utilisateurs d'Ezoic. Ezoic Leap a aidé le blog de mon site web à obtenir un score incroyablement élevé sur Lighthouse/Google Page Speed Insight. Avec Le saut ézoïque vous pouvez vous débarrasser d'autres plugins spécifiques, il supprime les technologies inutiles et coûteuses en incluant de nombreuses options pour rendre votre site plus rapide. Vous pouvez vous inscrire gratuitement sur Ezoic ici.
Quelles sont les fonctionnalités nécessaires pour améliorer le temps de chargement d'un blog WordPress ?
Le saut ézoïque couvre l'ensemble des options permettant d'améliorer l'expérience du site web sur votre blog. Les fonctionnalités suivantes doivent être activées pour que votre score Google PageSpeed augmente :
- Optimiser le CSS (supprimer le CSS critique)
- Minify (il minimise les Javascripts, CSS et HTML). La minification est cruciale car elle crée une version plus petite mais rapide pour le serveur de votre fichier.
- Optimiser les images en réduisant les temps de chargement, la durée d'affichage et la taille en fournissant des images dans un format de nouvelle génération tel que WebP)
- Politique de mise en cache des ressources statiques (cela supprime l'avertissement concernant les en-têtes de cache du navigateur). Chaque fois que vous visitez un site web, votre navigateur stocke les téléchargements, tels que HTML, CSS, JavaScript et images, dans le cache local. Cela facilite le chargement de ce site web la prochaine fois qu'il est consulté à partir du même navigateur. Cela permet de réduire les délais de traitement et de rendu de la page web.
- Chargement paresseux du contenu et des images
Le saut ézoïque s'est révélé être un outil très puissant qui m'a permis de résoudre de nombreux problèmes. Tout d'abord, j'ai pu supprimer les autres plugins de cache premium (comme WP-Rocket) qui représentent un coût substantiel pour un tout petit blog. Pour commencer à utiliser Ezoic (qui est aussi apprécié pour la diffusion d'annonces puisque leurs annonces rapportent plus que Google Adsense), il vous suffit d'enregistrer votre compte et d'attendre que votre domaine soit examiné !
La plateforme Ezoic fournit un excellent support et vous pouvez également demander à l'équipe d'Ezoic de vous aider. Ezoïque pour mettre en place la configuration d'Ezoic Leap pour vous !
Vous pouvez tester Ezoic à l'adresse suivante page.
Accélérez le blog de votre site web avec un CDN et un plugin de cache gratuit.
Un réseau de diffusion de contenu (CDN) est l'épine dorsale transparente de l'internet chargée de la diffusion de contenu.
Image tirée de https://www.imperva.com/learn/performance/what-is-cdn-how-it-works/
Cet intervalle de temps est affecté par un certain nombre de facteurs, dont beaucoup sont spécifiques à une page web donnée. Dans tous les cas, cependant, la durée du délai est influencée par les caractéristiques physiques de la page web. la distance entre vous et le serveur d'hébergement de ce site web. Pour réduire la distance entre les visiteurs et le serveur de votre site web, un CDN stocke une version mise en cache de son contenu sur plusieurs sites géographiques (appelés points de présence ou PoP). Chaque point de présence contient un certain nombre de serveurs de mise en cache chargés de fournir le contenu aux visiteurs se trouvant à proximité.
Utiliser un CDN pour réduire le temps de chargement d'une page web.
L'un des plus célèbres CDN est proposé par Cloudfare. Si vous souhaitez comprendre pourquoi un CDN est utile pour améliorer les performances, la fiabilité et maintenir les coûts à un niveau bas, vous pouvez consulter le site suivant article. En quelques mots, un CDN fournit une version "en cache" de votre site web au visiteur, ce qui garantit un chargement plus rapide de la page web. L'expérience des utilisateurs étant meilleure, votre Score Google Pagespeed s'améliorera. De plus, le fait d'avoir un CDN permet une meilleure fiabilité et de réduire les demandes de bande passante de la part des visiteurs (plus de demandes = plus de bande passante = plus de ressources CPU).
Obtenez le meilleur CDN pour booster votre positionnement dans les recherches Google.
Cloudways, qui est très axé sur la performance sans avoir besoin de trop de connaissances techniques, propose la mise en place d'un CDN à partir de 4$/mois supplémentaires. Cloudways CDN est basé sur Cloudfare Enterprise CDN qui est très performant. Le prix est très compétitif et donne accès à 1000 Largeur de bande en Go ce qui est suffisant pour un petit/moyen site web/blog. Vous pouvez commencer un essai gratuit et tester Cloudways sur ce lien.
Comment configurer facilement un CDN pour l'intégrer à votre site WordPress et obtenir un meilleur score Google PageSpeed.
Vous pensez peut-être que la mise en œuvre d'un CDN peut être difficile. Avec Cloudways, c'est très simple. Il vous suffit d'installer leur plugin de cache Brise. Breeze est un plugin WordPress de mise en cache gratuit, simple, puissant et convivial développé par l'équipe de Cloudways. Il offre plusieurs options pour optimiser les performances de WordPress à différents niveaux. Il fonctionne aussi bien avec WordPress, WordPress avec WooCommerce et WordPress Multisite.
L'intégration du CDN avec Breeze.
Vous pouvez configurer le CDN pour qu'il fonctionne avec votre site WordPress dans cette page du plugin Breeze. 
Il existe également un certain nombre de fonctions de performance (comme nous l'avons vu précédemment), telles que CSS inline, la compression GZIP, la minification de CSS et de JSS (javascripts) et l'option lazy-load pour accélérer le chargement de la page. Vous pouvez voir certaines des options disponibles sur la figure ci-dessous.
Activez Varnish Cache pour accélérer votre site WordPress jusqu'à 10 fois.
Cache Varnish est un accélérateur d'applications web, également connu sous le nom de proxy inverse HTTP avec mise en cache. Il agit davantage comme un intermédiaire entre votre client (c'est-à-dire l'utilisateur) et votre serveur web. Cela signifie qu'au lieu que votre serveur web écoute directement et en permanence les requêtes de contenus spécifiques, Varnish en assume la responsabilité.
Comment fonctionne le système de cache Varnish.
Lorsqu'une demande est présentée pour la première fois, Varnish en PHP le dirigera vers le serveur web pour une réponse appropriée.. Cette réponse sera mise en cache par Varnish dans PHP avant d'être envoyé au client. Il est intéressant de noter que toute requête ultérieure pour un tel contenu sera servie directement à partir du cache Varnish au lieu d'aller directement sur le serveur web. Ainsi, votre application web sera en mesure de gérer un grand nombre de requêtes simultanées provenant de plusieurs utilisateurs, car le serveur ne sera même pas démarré. Il en résultera une Augmentation magique des performances de votre application.
Comment activer le cache Varnish avec Cloudways.
Les serveurs et les applications Cloudways offrent la possibilité d'inclure les éléments suivants Cache Varnish en un seul clic. En fait, le cache Varnish fait partie du système de couche de cache proposé par l'hébergement Cloudways. Vous pouvez l'utiliser librement et les coûts sont déjà inclus dans la facturation de votre serveur (par exemple les $10/mois dont nous parlions). Vous pouvez activer le cache Varnish et améliorer votre classement dans Google en consultant la fenêtre suivante. Obtenez un test d'essai gratuit de la plateforme Cloudways à cette adresse lien. 
En résumé : améliorez votre classement dans Google et votre vitesse en quelques étapes.
Dans ce billet, nous avons essayé de mettre en évidence les points essentiels pour augmenter votre Score Google Pagespeed et donc votre classement dans les résultats de recherche. Comme nous l'avons déjà mentionné, Google a tendance à donner un meilleur classement vers le site web qui offre la meilleure expérience utilisateur. En général, l'expérience utilisateur est liée à de faibles temps de chargement, à la rédaction d'un contenu génial et intéressant apportant de la valeur au Net.
Les étapes de base pour améliorer votre score Lighthouse.
- Utiliser un Thème WordPressIl est encore mieux s'il s'agit d'un thème premium, car il est mis à jour régulièrement et entretenu au fil du temps. Vous pouvez choisir parmi un grand nombre de thèmes gratuits et premium sur le marché Envato, l'une des plus grandes places de marché pour acheter des thèmes et des plugins. Vous pouvez accéder à Envato Marketplace ici.
- Se débarrasser des plugins qui ne sont pas utiles. Utilisez OMGF pour stocker vos Google Fonts localement.
- Obtenez un service plus rapide et hébergement performant comme Cloudways. Vous pouvez commencer un essai gratuit ici.
- Installer Plugin Breeze et permettre Cache Varnish si vous utilisez Cloudways. Vous pouvez également décider d'utiliser le CDN (comme nous le faisons dans notre site web) pour améliorer votre classement sur Google.
- Utilisation Le saut ézoïque pour optimiser vos paramètres et accélérer le chargement de votre page. L'utilisation d'Ezoic est gratuite, il vous suffit de soumettre le domaine de votre site web qui sera examiné par un expert. Si votre site web est conforme, vous pouvez également commencer à le monétiser avec les publicités Ezoic (Ezoic est un partenaire premium de Google, vos revenus seront donc au moins doublés avec Ezoic par rapport à Google Adsense). En tant qu'utilisateur d'Ezoic, vous pouvez accéder gratuitement à l'outil Ezoic Leap. Vous pouvez rejoindre Ezoic à l'adresse suivante lien.
Retour à l'anime.
Nous espérons que cet article a été utile, car nous avons reçu un certain nombre de demandes sur la façon d'obtenir un rang élevé sur Outil Google Pagespeed et de mieux se positionner dans les résultats de recherche. Si vous avez apprécié, n'hésitez pas à le partager. Revenons maintenant au sujet principal de notre blog : critiques d'anime et cartes TCG. Au cas où vous vous demanderiez quel anime voir ce soir, jetez un coup d'œil à notre article connexe (Les meilleures séries d'anime à voir absolument : 10+)
