PageSpeed Insights : Vitesse de lecture des pages Web

PageSpeed Insights - Analyse de la vitesse de chargement d'une page Web

PageSpeed Insights - Analyse de la vitesse de chargement d'une page Web

PageSpeed Insights - Analyse de la vitesse de chargement d'une page Web

Google a déplacé cette information de « Google Analytics » vers la « Google Search Console » (un service de Google qui a commencé à se formaliser dès 2006 sous les noms de « Outils Google pour webmasters » ou « Google Webmaster Tools ») et qui évolue sans cesse depuis et rassemble tous les outils Google permettant aux webmestres de vérifier si leur site est indexé par Google et d'optimiser son référencement). Voir, désormais, le service appelé « PageSpeed Insights » de la « Google Search Console » :

• Google pageSpeed Insights

« Google Analytics » se concentre sur son coeur de métier : les statistiques pour Webmasters.

Google Analytics est un service de statistiques de fréquentation d'un site Web pour les propriétaires de sites. Google Analytics donnait également diverses informations comme le temps moyen de chargement d'une page Web sur un appareil. Tous les services qui ne concernent pas les statistiques pures ont été retirés de Google Analytics et déplacés dans la « Google Search Console » où ils ont été considérablement améliorés.

Google analytics fait partie d'un vaste ensemble (plus de 120) de « services » gratuits de Google aux Webmasters. D'une manière ou d'une autre, tous les sites du monde utilisent, même involontairement ou à leur insu, des services de Google ou des services divers (non Google), mais hébergés sur des serveurs Google comme :

• Google AJAX Search API
• Google Custom Search
• Google Custom Search Engine
• Google Tag Manager
• Google Safe Browsing
• Etc. : liste des services en ligne de Google

Ces « services gratuits » de Google lui servent à collecter le maximum d'informations sur tous les visiteurs de tous les sites Web du monde, dont au profit de sa régie publicitaire. Voir :

• Principe d'encerclement
• Les cinq cercles du pouvoir

Dans Firefox, il existe un Add-on qui permet de lancer ce service d'un clic pour l'onglet actuel : voir PageSpeed Insights.

Du point de vue de l'internaute, la vitesse des pages Web dépend de plusieurs facteurs dont :

1. La vitesse du serveur Web qui héberge le site.

2. La vitesse des connexions entre le serveur Web et le FAI (Fournisseur d’Accès Internet).

3. La vitesse du point de dégroupage (répartiteurs appelés DSLAM) proche de chez vous, dans les locaux de l'opérateur historique France Télécom (dans un rayon qui ne dépasse pas, généralement, 5 km).

4. La vitesse de la connexion du répartiteur à l’utilisateur (du DSLAM à votre Modem / Box, chez vous), dont le choix de l’abonnement.

   1. Si connexion en fil de cuivre (ADSL), ii y a :

      • Dégradation de ces caractéristiques à cause des contraintes physiques du réseau (affaiblissement avec la distance).

      • Ralentissement à cause des « bruits » sur la ligne (perturbations électromagnétiques...).

      • Ralentissement à cause du nombre simultané d'utilisateurs se partageant le même câble.

   2. Si connexion en fibre optique, il n'y a, théoriquement, aucun ralentissement.

      • Un unique fil en fibre optique supporte la circulation simultanée des données de 60 utilisateurs différents et peut alimenter tout ou partie d'un immeuble.

      • Un câble de fibres optiques, enterré dans la rue, comporte plusieurs dizaines ou centaines de fils en fibre optique.

5. La vitesse de votre modem.

6. La vitesse de l’appareil sur lequel est lue la page Web.

7. La vitesse des technologies et la qualité du code du navigateur Web qui va interpréter et afficher la page Web.

La mesure de la vitesse, par un outil de mesure, peut se faire localement par l’utilisateur, mais un trop grand nombre d’étapes intermédiaires faussent la mesure de la vitesse pure de la page mesurée. L’analyse de la vitesse pure de la page (la qualité de son code) par un service en ligne ne peut se faire que chez le fournisseur de ce service et dans des conditions strictement identiques pour toutes les mesures afin de les comparer, donner des notes et faire des hit-parades.

L’un des éléments qui influent sur la vitesse apparente d’affichage de la page, chez l’internaute, est le navigateur Web. Vous pouvez installer plusieurs navigateurs Web et faire une mesure pour chaque navigateur. Cela reste marginal et approximatif, mais… de quoi sont faits tous les navigateurs Web ?

Un navigateur Web est composé de 3 modules :

1. Un moteur de rendu

   Un moteur de rendu (qui n'est pas le navigateur). Il calcul graphiquement et affiche le contenu Web consulté. Tous les moteurs de rendu sont open source puisqu'ils ne doivent faire, avec une stricte exactitude, tout et que ce que le W3C normalise et ordonne (et strictement rien d'autre. Ils peuvent tenter de se différencier par l'exactitude du rendu et la vitesse d'exécution. Nous avons, chez assiste.com, observé un bug dans le moteur de rendu de tous les navigateurs basés sur Chromium dont le moteur de rendu (Blink) rendait mal les flèches à droite de chaque titre de chapitre de notre site (nous avons dû modifier de très nombreuses fois le dessin de ces images pour en sortir, durant longtemps, avant de comprendre que cela venait du moteur de rendu de certains navigateurs utilisés en tests qui utilisent Blink). Le moteur de rendu Gecko du navigateur Web Mozilla Firefox (ainsi que du courriéleur Thunderbird et de dizaines d'autres navigateur Web) est meilleur et plus rapide.

   Un moteur de rendu est, lui-même, composé de 3 éléments :

   • Le moteur de rendu HTML 5 (il en existe 3 qui doivent répondre strictement, rien de plus, rien de moins, aux directives des standards du Web édictés par le W3C. Ils sont donc tous plus ou moins identiques (Quantum, WebKit, Blink). Le 8 décembre 2018, Microsoft a annoncé abandonner le moteur de rendu d'Edge, EdgeHTML, au profit de Blink. Les 2 ou 3 autres moteurs de rendu qui restent sont en voie de disparition. J'ai rencontré un bug d'affichage dans Blink.

   • Le moteur/compilateur JavaScript. Il existe une course à la vitesse dans laquelle le moteur JavaScript de Firefox (Ion) sort premier (voir les captures d'écran des tests dans Firefox).

   • Le moteur de styles CSS (les « feuilles de style en cascade »).

2. Le navigateur Web proprement dit

   Le navigateur Web proprement dit, qui sert à naviguer sur le Web. Mis à part celui de Firefox qui est open source, ils sont tous en code propriétaire (secret) avec interdiction contractuelle d'ingénierie inverse. C'est là que se cache tous les outils d'espionnage, suivi, surveillance, etc.

3. Des modules additionnels

   Des modules additionnels (add-on), parfois obligatoires, parfois optionnels, aux goûts et usages de l'utilisateur. C'est du code injecté dans le navigateur. Certains sont « propres », d'autres sont de véritables espions ou de pures malveillances.

Tout cela sert :

• À afficher une page Web visitée

• À naviguer sur le Web

• À personnaliser le navigateur

Choisir un navigateur Web pour se rendre sur le Web