WebPageTest : Vitesse de chargement des pages Web

WebPageTest - Analyse de la vitesse de chargement d'une page Web

WebPageTest - Analyse de la vitesse de chargement d'une page Web

WebPageTest - Analyse de la vitesse de chargement d'une page Web

WebPageTest - Analyse de la vitesse de chargement d'une page Web

WebPageTest - Analyse de la vitesse de chargement d'une page Web

WebPageTest - Analyse de la vitesse de chargement d'une page Web

WebPageTest - Analyse de la vitesse de chargement d'une page Web

WebPageTest - Analyse de la vitesse de chargement d'une page Web

Effectue des tests depuis un grand nombre de serveurs dans le monde, pour smartphone ou ordinateur, sous divers navigateurs Web.

Trois tests successifs sont effectués permettant de voir l'incidence des caches des navigateurs sur la première analyse comparée aux suivantes.

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