web-dev-qa-db-fra.com

Temps de réponse du site Web: différence entre "charge" et "arrivée",

Je dois vérifier le temps de réponse de Google avec le réseau chrome devtools à cette fin. J'ai chargé une page Web et ouvert l'onglet Réseau pour vérifier le temps de réponse de certains sites Web, par exemple pour ce site Web.

enter image description here

Il y a deux quantités de temps. La première est la "finition" et la seconde est la "charge". La finition est la durée approximative du chargement de la page avec toutes les ressources, y compris les délais. Au début, je pensais que si j'additionnais tout ce temps ensemble, nous aurions ajouté "charge", mais ce n'est pas vrai. Quel serait le temps de réponse de ce site Web, "charge" ou "fin"?

23
Robert

Il semble que cette heure "Terminé" dans Chrome devtools inclut le chargement asynchrone des objets/éléments sur la page qui peuvent continuer à se télécharger après le déclenchement de l'événement onload pour la page.

Le temps de réponse d'un site Web signifie généralement "temps de charge", car il est plus facilement perceptible par l'utilisateur. À ce stade, l'utilisateur peut voir que le navigateur a fini de fonctionner et que la page est prête à l'écran. Le temps de finition, même si techniquement, le temps de réponse n’a pas autant d’implication pour l’utilisateur final.

Dans certains cas, il semble que le minuteur d’arrivée ne s’arrête jamais et continue à augmenter, ce qui n’est peut-être pas la meilleure évaluation du temps de réponse des pages Web.

23
madballoonist

DevTools affiche la synchronisation de DOMContentLoaded et charge les événements à plusieurs endroits sur le panneau Réseau. L'événement DOMContentLoaded est coloré en bleu et l'événement load est en rouge.

https://i.stack.imgur.com/unni3.png

0
Praveen Kumar