Comment obtenir un score parfait de 100% dans Google PageSpeed Insights ?

Introduction

Avez-vous déjà voulu obtenir un score parfait sur Google PageSpeed Insights ?

Eh bien, c'est votre jour de chance !

Cet article de blog vous montrera comment faire.

100% n'est pas facile, mais avec un peu de travail et notre guide, c'est tout à fait réalisable.

Chaque page peut différer, mais la page d'accueil de mon blog a une note proche de 98/99 alors que les autres pages sont notées à 99 sur 100.

Alors, commençons, voulez-vous ?

La rapidité est un facteur crucial dans la création d'un site web qui convertit bien et qui est convivial pour les moteurs de recherche.

Les gens n'attendront pas si votre site ne se charge pas rapidement.

J'ai trouvé que c'était une tâche assez facile si vous utilisez la combinaison de WP Rocket et de l'hébergement web par Rocket.net (Powered by Cloudflare Enterprise).

REVUE COMPLÈTE : Examen de Rocket.net : Superbe hébergement géré pour WordPress (2021)

Table des matières

• Introduction
• Outils et services
• Tirer sur la lune
• Paramètres optimaux de WP Rocket
  • CACHE
  • OPTIMISATION DES FICHIERS
  • MEDIA
  • PRELOAD
• Conseils sur les taux de conversion mobiles
• Conclusion sur les sites Web performants

Outils et services

• Rocket.net (Hébergement géré de WordPress)
• WP Rocket (Plug-in WP)

Tirer sur la lune

Paramètres optimaux de WP Rocket

Bien que le passage à un hébergeur alimenté par Cloudflare Enterprise comme Rocket.net ne nécessite pas de plugin WP Rocket, il est utile pour un certain nombre de raisons.

L'un des meilleurs plugins de mise en cache pour WordPress, WP Rocket applique automatiquement 80% des meilleures pratiques en matière de performances web.

• Mise en cache des pages
• Préchargement du cache
• Mise en cache du navigateur
• Compression GZIP
• Optimisation du commerce électronique
• Excellente compatibilité

Bien que cela puisse sembler redondant puisque Rocket.net utilise Cloudflare Enterprise CDN pour mettre votre site Web en cache pleine page, Cloudflare devra mettre à jour son cache plusieurs fois, ce qui diminuera la charge de votre serveur Web.

CACHE

CACHE > Activer la mise en cache pour les appareils mobiles : Activer

CACHE > Séparer les fichiers de cache pour les appareils mobiles : Non coché car mon thème est compatible avec les appareils mobiles.

CACHE > Durée de vie du cache : 10 heures

Cliquez sur SAVE CHANGES.

OPTIMISATION DES FICHIERS

Fichiers CSS

OPTIMISATION DES FICHIERS > Fichiers CSS > Minimiser les fichiers CSS : Handicapés

NOTE : Je n'ai pas coché cette case car Rocket.net se charge de réduire les fichiers CSS et pourquoi le faire deux fois, n'est-ce pas ?

OPTIMISATION DES FICHIERS > Fichiers CSS > Combiner les fichiers CSS (Activer la réduction des fichiers CSS pour les sélectionner) : Handicapés

OPTIMISATION DES FICHIERS > Fichiers CSS > Optimiser la livraison des CSS : Activer

OPTIMISATION DES FICHIERS > Fichiers CSS > Supprimer les CSS inutilisés (Beta) : Handicapés

Fichiers JavaScript

REMARQUE : j'aimerais essayer ce système une fois qu'il sera sorti de la phase bêta et réduire un peu plus le temps de chargement des pages.

OPTIMISATION DE FICHIERS > Fichiers JavaScript > Chargement différé de JavaScript : Activé

OPTIMISATION DES FICHIERS > Fichiers JavaScript > Retarder l'exécution de JavaScript : Activé

OPTIMISATION DE FICHIERS > Fichiers JavaScript > Fichiers JavaScript exclus : Handicapés

Cliquez sur SAVE CHANGES.

NOTE : Cela a fonctionné pour moi sans exclure aucun fichier JS, mais votre kilométrage peut varier.

MEDIA

MEDIA > LazyLoad > Activer pour les images : Activé

MEDIA > LazyLoad > Activer pour les iframes et les vidéos : Activé

MEDIA> Dimensions de l'image > Ajouter les dimensions manquantes de l'image : Activé

Cliquez sur SAVE CHANGES.

Améliorez l'expérience de lecture de vos lecteurs en ajoutant des attributs de largeur et de hauteur aux images.

PRELOAD

PRELOAD > Cache de préchargement > Activer le préchargement : Activé

PRELOAD > Préchargement du cache > Activer le préchargement du cache basé sur le plan du site : Activé

PRELOAD > Cache de préchargement > Rank Math Plan du site XML : En option

Cliquez sur SAVE CHANGES.

Le préchargement est déclenché automatiquement lorsque vous ajoutez ou mettez à jour du contenu et peut également être déclenché manuellement à partir de la barre d'administration. Il commence par les liens de votre page d'accueil, suivis des sitemaps que vous spécifiez.

Conseils sur les taux de conversion mobiles

Pour éviter de subir des temps de chargement des pages très lents en raison de la taille des fichiers et de la difficulté à les analyser, envisagez d'utiliser un design réactif sur votre site web.

Créez un panier d'achat adapté aux mobiles qui permet aux clients d'acheter des articles dès qu'ils les voient. Proposez plusieurs options de paiement, notamment PayPal et Stripe.

Il est clair qu'une entreprise a besoin d'un site mobile si elle veut réussir sur le marché d'aujourd'hui. L'une des principales raisons pour lesquelles tant de personnes utilisent des smartphones est qu'elles aiment pouvoir rester au courant des choses en déplacement.

Un site mobile offre aux internautes la possibilité de vérifier l'état des commandes, de regarder des vidéos et d'acheter des produits. Bien que certaines entreprises n'aient toujours pas de site mobile, celles qui en ont un ont des taux de conversion plus de trois fois supérieurs à ceux des entreprises qui n'en ont pas.

Les sites mobiles doivent être réactifs et rapides, tout comme le téléphone portable. Compte tenu du nombre élevé de distractions sur un smartphone, il est important que les choses restent conviviales et efficaces.

Conclusion sur les sites Web performants

Il est probable que j'obtiendrais une meilleure note si je laissais tomber les plugins WPForms et WooCommerce.

Il y a tellement de combinaisons de plugins que j'ai essayées et c'est bien quand vous pouvez utiliser des plugins simples pour les tâches de WordPress. Il est certain que moins est plus dans ce cas.

Grâce à ces modifications, votre site Web sera plus performant que celui de la concurrence.

La plupart des entreprises se concentrent sur la création d'un site Web de qualité, qui met l'accent sur l'esthétique visuelle et la capacité à attirer l'attention des visiteurs. Cependant, un site Web axé sur les performances est un site qui génère des résultats réels pour votre entreprise.

Pour créer un site Web efficace basé sur la performance, vous devez vous assurer que votre site convertit bien. Le taux de conversion est calculé en fonction du nombre de personnes qui visitent votre site et qui passent à l'action, par exemple en s'inscrivant à votre newsletter ou en vous achetant un produit.

Plus ce taux de conversion est élevé, mieux c'est pour les entreprises, car ces actions se traduisent par davantage de pistes et de ventes pour votre société.

Bien que j'aie exploré en profondeur le Rocket.net Panneau de configuration, je n'ai pas trouvé de paramètres pour accélérer le site. Ils font un si bon travail d'optimisation de WordPress sans notre intervention.

J'espère que cela vous a aidé à atteindre un score de 100 ou presque sur votre score Google PageSpeed Insights.