Google Pagespeed ​​Insights: Résolvez Les Problèmes Et Passez Au Vert

Google PageSpeed ​​Insights [1] est un excellent outil pour voir comment votre site Web fonctionne. Au cas où vous auriez un mauvais score, voici une série d'articles avec des solutions faciles à mettre en œuvre pour résoudre la plupart des problèmes.


Optimisation Google PageSpeed

Google PageSpeed ​​Insights [1] est un excellent outil pour voir comment votre site Web fonctionne. Au cas où vous auriez un mauvais score, voici une série d'articles avec des solutions faciles à mettre en œuvre pour résoudre la plupart des problèmes.

Google PageSpeed ​​Insights

Cela m'a permis de passer au vert sur Google PageSpeed ​​Insights [1], passant d'un score de 17 sur le mobile (Fig 1) à 89 (Fig 14) et de 35 (Fig 3) à 89 sur le bureau (Fig 16). )

Cependant, il existe même un moyen de passer au vert sans avoir à vous implémenter quoi que ce soit, en utilisant la plateforme Ezoic Site Speed ​​Accelerator, un outil qui fera toutes les optimisations pour vous: voir ci-dessous et suivez le guide!

Étape 1: optimiser les images pour le Web

Cela m'a permis de réussir le test Google PageSpeed ​​[1] Optimiser les images [2] sur un site Web, passant d'un score de 17 sur mobile (Fig 1) à 51 (Fig 2), et de 35 (Fig 3) à mobile 59 sur le bureau (Fig 4).

Optimiser les images PageSpeed ​​Insights Google Developers

Étape 2: optimisation CSS et javascript

Éliminez le code JavaScript et CSS bloquant le rendu dans le contenu au-dessus du pli.

Cela m'a permis de réussir le test Google PageSpeed ​​[1]. Éliminer le code JavaScript et CSS bloquant l'affichage dans le contenu au-dessus du pli (ainsi que la mise en cache du navigateur Leverage [6]) sur un site Web, à partir du score de 51 sur mobile ( Fig 5) à 72 (Fig 6), et de 59 (Fig 7) à 79 sur le bureau (Fig 8).

Étape 3: activer le cache du navigateur Web

La mise en cache du navigateur m'a permis de réussir le test Google PageSpeed ​​[1]. La mise en cache du navigateur [5] (ainsi que l'élimination du code JavaScript et CSS bloquant le rendu dans le contenu au-dessus du pli [4]) sur un site Web, en remontant d'une partition de 51 sur le mobile (Fig 9) à 72 (Fig 10), et de 59 (Fig 11) à 79 sur le bureau (Fig 12).

Mise en cache du navigateur PageSpeed ​​Insights Google Developers

Étape 4: Activer la compression htaccess

L’activation de la compression dans htaccess m’a permis de réussir le test Google PageSpeed ​​[1]. Utiliser la mise en cache du navigateur [7] sur un site Web, passant d’un score de 72 sur mobile (Fig 13) à 89 (Fig 14) et de 79 ( Fig 15) à 89 sur le bureau (Fig 16).

Optimisation de l'encodage et de la taille de transfert d'actifs textuels - Web Fundamentals

Passer au vert dans l'outil Google PageSpeed ​​Insights avec Site Speed ​​Accelerator

Après être revenu à un score rouge très médiocre de 18 sur mobile et 29 sur ordinateur de bureau sur le score Google PageSpeed ​​Insights, j'ai découvert cet outil étonnant qu'est Site Speed ​​Accelerator et effectue toutes les optimisations pour moi, simplement en un clic. bouton, après avoir configuré mon site Web pour utiliser leur DNS, ce qui leur permet de rendre mon site en mon nom, et de l'optimiser entre-temps.

Voici comment cela fonctionne: lorsqu'un utilisateur demande à obtenir une page de mon site Web, il demande directement à mon serveur quel est le meilleur hébergement Web bon marché pour lui fournir le code de cette page. Mon serveur le lui envoie. C'est la manière standard de travailler.

Apprenez les bases du référencement: Inscrivez-vous aujourd'hui!

Stimulez la visibilité et le trafic de votre site Web en maîtrisant les principes fondamentaux du référencement avec notre cours de base facile à suivre.

Commencer à apprendre le référencement

Stimulez la visibilité et le trafic de votre site Web en maîtrisant les principes fondamentaux du référencement avec notre cours de base facile à suivre.

Cependant, en utilisant un DNS externe, l'utilisateur demandera à DNS d'obtenir la page Web de mon serveur pour lui, et mon serveur enverra le code source de la page Web à ce DNS intermédiaire, qui pourra modifier le code, et aussi pour le mettre en cache et le stocker à différents endroits sur Terre pour l'envoyer plus rapidement, et l'optimiser pour offrir une meilleure page Web à l'utilisateur.

C'est ainsi que l'Ezoic Site Speed ​​Accelerator est capable d'optimiser mes pages Web et de les livrer directement à l'utilisateur avec un score bien meilleur que ce que j'aurais moi-même, voyez par vous-même comment, en activant simplement les options de mon site Web, je suis passé de un score de 18 sur mobile à un score vert de 90, et d'un score rouge de 29 sur ordinateur à un score vert de… 99!

La liste des optimisations proposées par Site Speed ​​Accelerator est la suivante et est constamment mise à jour avec de nouvelles optimisations de site Web qui donneront à votre score PageSpeed ​​Insights Google vert:

  1. Optimisation CSS, avec CSS critique rendu en premier, CSS inutilisé non envoyé ou polices optimisées,
  2. Optimisation des images, avec chargement paresseux des images, utilisation du format Webp de nouvelle génération, images redimensionnées automatiquement et préchargement des images d'arrière-plan,
  3. Politique de cache d'actifs statique, qui indiquera aux navigateurs de mettre en cache vos images, feuilles de style et scripts,
  4. Création automatique des instructions de pré-connexion à l'origine pour les navigateurs,
  5. HTML minification avec différentes options pour conserver ou masquer les commentaires HTML, les balises de fin, les guillemets ou les espaces,
  6. Optimisation de l'exécution des scripts avec la possibilité de retarder les scripts, retarder les publicités et réduire les tâches gourmandes en CPU,
  7. Chargement paresseux automatique des Iframes.

Bien sûr, vous pourrez à tout moment activer ou arrêter l'une de ces optimisations, et affiner vos paramètres pour trouver les options de l'Accélérateur de vitesse du site qui vous donnent les meilleurs résultats.

Pour l'obtenir, commencez par créer un compte sur la plateforme Ezoic puis intégrez votre site web en utilisant le DNS Ezoic. Vous pouvez ensuite configurer les fonctionnalités et passer au vert!

En plus de cela, si votre site web se qualifie (il faut par exemple avoir plus de 10k visiteurs uniques par mois, et avoir un contenu unique), vous pourrez également augmenter vos  Taux de CPM   et donc vos revenus en mettant en œuvre leur incroyable Ezoic système de médiation AdExchange.

L'accélérateur de vitesse du site est même gratuit pour un essai de 30 jours, aucune carte de crédit requise, et après cela coûte un montant différent en fonction de votre trafic. Cela peut être gratuit si vous utilisez le système de médiation Ezoic et gagnez plus de 2000 $ par mois avec eux!

Juin 2021 Modifier: À compter du 20 juin 2021, il n'y a plus de limitation de la page de page pour rejoindre Ezoic par le biais de leur programme AccessNow, et le SIDESPEEDACCELERATOR a été remplacé par un nouveau produit amélioré, Ezoic Leap, qui a encore plus d'optimisations de sites disponibles et est entièrement gratuit pour tous les éditeurs!

FAQ Google Page Speed ​​Insights:

Est-ce que Google PageSpeed ​​est important?
Bien que Google PageSpeed ​​ne soit pas le plus important en termes de classement du site Web, il peut affecter le taux de rebond. Les visiteurs n'attendent généralement pas plus de quelques secondes le chargement d'une page avant de partir.
PageSpeed ​​affecte-t-il le référencement?
Voir ci-dessus - cela pourrait ne pas changer beaucoup pour le classement du site Web, mais cela pourrait affecter le taux de rebond.
Qu'est-ce qu'un bon temps de chargement de page?
Un bon temps de chargement de la page est inférieur à une seconde.
Comment puis-je augmenter la vitesse des pages Google?
Vous pouvez augmenter votre score Google PageSpeed ​​Insights soit manuellement en mettant en œuvre toutes les optimisations possibles du site Web, soit en utilisant le Site Speed ​​Accelerator‌ qui fera tout cela en votre nom.
Comment puis-je augmenter le temps de chargement de mon site Web?
Vous pouvez augmenter le temps de chargement de votre site Web en réduisant la longueur du contenu, en supprimant les fichiers HTML, CSS et JS inutilisés, en minimisant tous les fichiers et en utilisant les services de cache et CDN - ou en utilisant un accélérateur de vitesse de site‌ qui fera tout pour vous.
Google pénalise-t-il les sites lents?
Il semble que Google ne pénalise pas les sites lents, cependant, si le chargement du contenu est trop long, il ne peut pas analyser et classer les pages Web.
Comment augmentez-vous le temps à pleine charge?
Vous pouvez augmenter le temps de chargement complet d'une page Web en réduisant le contenu dans le HTML (également appelé longueur DOM), les CSS et JS utilisés, et d'autres plugins.
Comment puis-je augmenter la vitesse de ma page de destination?
Augmentez la vitesse de votre page de destination en mettant en œuvre le cache, en utilisant un CDN, un accélérateur de vitesse de site‌ et en mettant en œuvre toutes les meilleures pratiques Web.
Qu'est-ce qu'un bon score de vitesse de page Google?
Un score de vitesse de page Google Google est supérieur à 90.
Qu'est-ce qu'une bonne vitesse de chargement de page?
Une bonne vitesse de chargement de la page Web est inférieure à une seconde.
À quelle vitesse un site Web doit-il se charger en 2020?
Un site Web devrait se charger en moins d'une seconde en 2020.
Qu'est-ce qu'un bon taux de rebond?
Un bon taux de rebond est une valeur inférieure à cent, ce qui signifie que certains utilisateurs restent réellement sur votre site. En dessous de 50, c'est déjà incroyable.
Pourquoi les sites Google sont-ils si lents?
Les sites Google peuvent être lents en raison de votre connexion Internet ou de votre ordinateur exécutant des programmes et des applications. Pensez à  choisir un VPN   pour augmenter votre vitesse de connexion.
Comment augmenter la vitesse de ma page Google?
Réduisez la quantité de ressources à charger et leur taille.
Les insights PageSpeed ​​affectent-ils le référencement?
Cela peut avoir un petit effet, mais son principal problème est l'augmentation possible du taux de rebond du trafic.
Comment puis-je augmenter la vitesse de ma page?
La vitesse des pages peut être augmentée en mettant en œuvre les meilleures pratiques Web et en réduisant la quantité, la complexité et la taille des ressources à charger.
Qu'est-ce qu'une bonne vitesse de page?
Une bonne vitesse de page est un score vert supérieur à 90.
Comment utiliser les insights de Google PageSpeed?
Pour utiliser les insights Google PageSpeed, il vous suffit d'aller sur leur site Web, de saisir l'une des URL de votre site, d'attendre l'analyse et de vérifier les résultats.
Les statistiques de Google PageSpeed ​​sont-elles exactes?
Google PageSpeed ​​Insights est assez précis car il représente le temps nécessaire à un serveur Google pour charger votre site Web en tant que robot. Un visiteur réel d'un endroit différent et avec une autre connexion peut avoir des résultats différents, généralement les pires.
Comment fonctionne Google Page Speed?
Google Page Speed ​​télécharge votre page Web comme le ferait un navigateur, y compris tout le contenu, et vérifie le temps nécessaire pour charger et traiter complètement tous les composants décrits dans la page DOM.
Qu'est-ce qu'une bonne vitesse de site?
Une bonne vitesse de site doit être verte au score du test de vitesse, une vitesse de site incroyable étant supérieure à 90 et un chargement en moins d'une seconde.

Ressources d'optimisation de la vitesse du site

Questions Fréquemment Posées

Quelles mesures complètes doivent être prises pour résoudre les problèmes signalés par Google Pagespeed Insights, visant un score vert indiquant des performances optimisées?
Pour obtenir un score vert dans Google Pagespeed Insights, concentrez-vous sur l'optimisation des images, en tirant parti de la mise en cache du navigateur, en minimisant CSS, JavaScript et HTML, éliminant les ressources de blocage des rendements, améliorant le temps de réponse du serveur et utilisation des réseaux de livraison de contenu (CDN). Chaque recommandation fournie par Pagespeed Insights doit être traitée méthodiquement, nécessitant souvent des améliorations itératives et des tests.

Comment ajouter un site sur Ezoic? Partie 2: Activation saut


Yoann Bierling
A propos de l'auteur - Yoann Bierling
Yoann Bierling est un professionnel de l'édition Web et du conseil numérique, ayant un impact mondial grâce à l'expertise et à l'innovation dans les technologies. Passionné par l'autonomisation des individus et des organisations à prospérer à l'ère numérique, il est poussé à fournir des résultats exceptionnels et à stimuler la croissance grâce à la création de contenu éducatif.

Apprenez les bases du référencement: Inscrivez-vous aujourd'hui!

Stimulez la visibilité et le trafic de votre site Web en maîtrisant les principes fondamentaux du référencement avec notre cours de base facile à suivre.

Commencer à apprendre le référencement

Stimulez la visibilité et le trafic de votre site Web en maîtrisant les principes fondamentaux du référencement avec notre cours de base facile à suivre.




commentaires (0)

laissez un commentaire