Dareboost : Vitesse de chargement des pages Web

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

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

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

Langues du service :

Choisir une plateforme matériel de test

Choisir le test de comportement de la page à analyser selon une plateforme matérielle :

• Ordinateur de bureau sous Windows (navigateur Google Chrome)
• Smartphone Galaxy S6
• Smartphone Galaxy Tab A
• Smartphone HTC One
• Smartphone Apple iPhone 6s/7/8(beta)
• Smartphone LG G3
• Smartphone Nexus 5

DareBoost - analyse de performance et qualité d'une page Web - Choix d'un appareil cible

Choisir un serveur de test

DareBoost dispose de son service sur plusieurs hébergements dans le monde. Choisir le serveur depuis lequel effectuer le test. Les résultats peuvent différer d'un serveur à un autre et permettent de choisir/changer une géolocalisation d'hébergement donnant la meilleure vitesse. Toutefois, si le site detient/collecte des données personnelles, il est hautement préférable, juridiquement, pour les visiteurs/utilisateurs de ce site, de choisir un serveur dont la nationalité est la même que celle du site (domaine français sur un serveur en France) et de le faire savoir (publicité sur confiance et la protection des données privées) auprès de son audience.

DareBoost - analyse de performance et qualité d'une page Web - Choix de la localisation d'un serveur de test

Des centaines de conseils

DareBoost donne, dans son rapport d'analyse, pour chaque problème détecté, une explication/justification détaillée et un exemple de code. Remarquable.

DareBoost - exemple de conseil

DareBoost - exemple de conseil

Des comparatifs de correctifs

DareBoost permet de suivre et comparer les résultats successifs d'analyse d'une page Web.

Utilisation gratuite

Après inscription (ouverture d'un compte), il est possible de faire 5 analyse gratuite par mois, histoire de devenir rapidement accros à ce service remarquable/impressionant.

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