Le 12 novembre, Google a mis à jour tranquillement
PageSpeed Insights , modifiant presque tout ce qu'il
contient . Ce sera un grand changement pour l'ensemble de l'industrie de la construction de sites. Il semble que maintenant il y aura une vague de panique et de battage médiatique autour de cet événement. L'article analyse les changements et ce qu'ils nous apportent.
Qu'est-ce que PageSpeed Insights
Juste quelques mots pour ceux qui ne sont pas au courant. Depuis 8 ans, PageSpeed Insights est la principale mesure de la vitesse du site Web; vous pouvez y saisir l'adresse de la page et connaître sa note sur une échelle de 0 à 100, ainsi que des recommandations d'amélioration.
Bien sûr, il existe de nombreux autres bons outils de vérification de la vitesse. Mais comme celui-ci vient de Google, et ils ont déclaré que la vitesse du site affectait le classement dans le SERP, pour la plupart, cette note semble être la plus importante. Surtout pour les clients et les patrons, et en conséquence, presque tout le monde essaie d'augmenter le score PageSpeed de leurs projets, et la métrique est devenue presque la plus importante de l'industrie.
Qu'est-ce qui a changé?
Bref, c'est tout. L'ancien PageSpeed a été mis de côté, le remplaçant par des évaluations et des analyses par
Lighthouse , un outil d'audit de site open source intégré à Google Chrome, entre autres.
La différence cardinale de l'approche est que les
points sont désormais attribués non pas pour le respect des règles, mais pour la vitesse . Le chargement de la page est estimé selon plusieurs caractéristiques temporelles - après combien de temps après le début du chargement quelque chose est déjà visible, quand il est déjà possible de cliquer, combien tout ralentit pendant le chargement et quand tout est chargé. Ces caractéristiques sont comparées aux indicateurs des meilleurs sites et se transforment en points. Ci-dessous, nous analyserons cela plus en détail, maintenant le principe lui-même est important.
Il y a des recommandations, comme auparavant - mais maintenant elles portent une charge complètement différente.
Les recommandations ne sont en aucun cas directement liées aux points , et ce n'est absolument pas un fait que leur mise en œuvre améliorera la situation (mais elle peut facilement empirer avec une mise en œuvre irréfléchie).
La panique est inévitable
C'est maintenant la nuit du 13, et tout est relativement calme. Seules quelques ressources spécialisées ont publié de courtes notes sur la mise à jour, seuls quelques clients ont écrit des lettres enthousiastes sur le comportement étrange de PageSpeed Insights. Il semble que ce soit le calme avant la tempête.
À l'heure actuelle, il est clair que l'outil est instable - les notes pour la même page fluctuent dans les 20 points, parfois il y a des plaintes concernant l'impossibilité d'obtenir la page du site en cours d'évaluation. À son avis, certains sites en général ne sont pas disponibles, bien qu'ils se sentent tout au plus très bien.
De toute évidence, bientôt beaucoup de gens se précipiteront pour regarder les évaluations de leurs projets, couvrant le service avec un effet habr international. Tout fonctionnera à travers le pont de souche, le pépin et la peur avec les notes de saut.
Ce n'est pas facile, mais essayez de vous détendre et de rester calme. La première chose à retenir est que la mise à jour de PageSpeed Insights n'affecte pas les principes de classement dans les résultats de recherche. La seconde - il faudra au moins deux semaines pour que la mise à jour soit exécutée, corrigée et commence à fonctionner de manière stable.
Ne faites pas de mouvements brusques , vous devrez peut-être les faire reculer plus tard.
Réflexions et prédictions
Il y a beaucoup de positif dans ces changements. La domination de l'ancien PageSpeed Insights avec ses recommandations obligatoires a fait beaucoup de mal. Premièrement, toute recommandation peut être presque inutile dans votre situation spécifique. Deuxièmement, il peut être mis en œuvre au détriment de choses plus importantes, par exemple le temps de génération de page. Mais il n'y avait pas le choix - j'ai dû faire tout cela pour obtenir une belle note.
Par exemple, quelle est la recommandation sur la réduction du code de page html? En moyenne, cette opération prend environ 100 ms, et ce délai décuplé annule tout avantage possible de réduire la taille de la page. La seule option lorsque cela peut être bénéfique consiste à émettre des pages prédéfinies prédéfinies à partir du cache.
Dans tout projet de ces dernières années, beaucoup d'efforts ont été consacrés à l'optimisation d'image, à la minification et au regroupement des ressources, au lancement retardé de JavaScript, ce qui ne casserait rien. Le plus souvent, cela détournait l'attention de l'essence - la vitesse du site pour les visiteurs. L'Internet regorge d'exemples de sites de freinage avec d'excellentes notes, ainsi que de sites rapides mal notés.
Maintenant, ce clinquant va tomber un peu. Dans les premiers tests, les évaluations avec une minification-regroupement des ressources et sans pratiquement ne diffèrent pas. Les choses vraiment importantes deviennent importantes - la rapidité avec laquelle le serveur répond et la quantité de matériel lourd sur la page. Tous les sifflets - les widgets de réseaux sociaux, les cartes interactives, les chats et les pop-ups luxueux battront inexorablement selon l'évaluation, car vous ne les enveloppez pas.
Il est probable que tout cela conduira à des sites très rapides et à une compréhension de la façon de les créer. Au moins, je veux vraiment y croire.
Nouvelles métriques
Et pour les plus persistants - une analyse détaillée des nouvelles métriques qui affectent l'évaluation. Il y en a 6, et ils ont des poids différents dans la formation du score final. Examinons-les par ordre décroissant d'importance.
1. Temps de téléchargement pour l'interaction
C'est la caractéristique la plus importante - et la plus difficile. Horodatage lorsque la page est entièrement prête pour l'interaction avec l'utilisateur. Ce moment arrive quand:
- page affichée
- gestionnaires d'événements enregistrés pour les éléments les plus visibles
- la réponse aux actions de l'utilisateur est inférieure à 50 ms
En fait, la page doit être dessinée, ne pas ralentir et être prête à répondre aux actions.
2. Indice de vitesse de téléchargement
Indique la vitesse à laquelle le contenu de la page devient visible. Pour l'évaluation, le module
Speedline est utilisé.
C'est le moment où la page du navigateur cesse de changer visuellement. Pour déterminer l'utilisation de la comparaison image par image de la vue de page.
3. Heure de téléchargement du premier contenu
Un indicateur qui détermine l'intervalle de temps entre le début du chargement de la page et l'apparence de la première image ou bloc de texte.
4. Heure de fin du processeur
Ce paramètre indique l'heure à laquelle le flux de la page principale devient suffisamment libre pour gérer la saisie manuelle. Ce moment arrive quand:
- la plupart des éléments de la page sont déjà interactifs
- la page répond aux actions de l'utilisateur dans un délai raisonnable
- la réponse aux actions de l'utilisateur est inférieure à 50 ms
La traduction russe de cette métrique perd un peu son essence. Dans l'original, il sonne
First CPU Idle - le premier processeur simple. Mais ce n'est pas tout à fait vrai. Cela implique un moment dans le chargement de la page, où il peut essentiellement répondre aux actions, bien qu'il continue de se charger.
5. Temps de téléchargement pour un contenu suffisant
Ce paramètre indique le temps après lequel le contenu principal de la page devient visible. Ce moment arrive quand:
- le plus grand changement de page vue s'est produit
- polices chargées
6. Délai estimé d'entrée
C'est la caractéristique la moins importante. Affiche le temps en millisecondes nécessaire à une page pour répondre aux actions de l'utilisateur pendant les 5 secondes de chargement de page les plus occupées. Si ce temps dépasse 50 ms, il peut sembler aux utilisateurs que votre site ralentit.
Chaque métrique est comparée aux performances de tous les sites notés. Si vous l'avez mieux que 98% des sites, vous obtenez 100 points. Si c'est mieux que 75% des sites, vous obtenez 50 points.
À première vue, ces métriques sont très vitales et il sera presque impossible de les tromper avec des manipulations sales qui n'accélèrent pas réellement le site.
Jusqu'à présent, le principe de l'évaluation de la version mobile du site reste un mystère. Au contraire, le principe est le même, mais souvent les scores sont nettement inférieurs. Il n'est pas clair sur quelle configuration virtuelle de l'appareil mobile ils s'exécutent.