web-dev-qa-db-de.com

Reaktionszeit der Website: Unterschied zwischen "Laden" und "Fertigstellen",

Ich muss die Antwortzeit von Google mithilfe des Chrome Devtools-Netzwerks überprüfen. Dazu habe ich eine Webseite geladen und die Registerkarte Netzwerk geöffnet, um die Antwortzeit bestimmter Websites für diese Website zu überprüfen

enter image description here

Es gibt zwei Zeitgrößen. Die erste ist das "Ende" und die zweite ist "Last". Das Ende ist die Zeit, die benötigt wird, um die gesamte Seite mit allen Ressourcen einschließlich Verzögerungen zu laden. Was ist diese "Last"? Zuerst dachte ich, wenn ich all diese Zeit zusammen addieren würde, würde sich das als "load" summieren. Dies ist jedoch nicht der Fall. Wie würde die Antwortzeit dieser Website als "load" oder "finish" betrachtet werden?

23
Robert

Es scheint, als würde diese 'Fertigstellung' in Chrome devtools asynchrones Laden (nicht blockieren) von Objekten/Elementen auf der Seite umfassen, die möglicherweise nach dem Auslösen des Onload-Ereignisses für die Seite weiter heruntergeladen werden.

Die Antwortzeit für eine Website bedeutet im Allgemeinen "Ladezeit", da dies für den Benutzer leichter wahrnehmbar ist. Zu diesem Zeitpunkt kann der Benutzer sehen, dass der Browser seine Arbeit beendet hat und die Seite auf ihrem Bildschirm angezeigt wird. Endzeit, obwohl technisch auch eine Antwortzeit weniger Auswirkungen auf den Benutzer hat.

In einigen Fällen scheint es, als würde der Finish-Timer niemals anhalten und weiter zunehmen, sodass er möglicherweise nicht die beste Antwortzeit auf Webseiten ist.

23
madballoonist

DevTools zeigt das Timing der DOMContentLoaded- und Ladeereignisse an mehreren Stellen im Netzwerkbereich an. Das DOMContentLoaded-Ereignis ist blau und das Ladeereignis ist rot.

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

0
Praveen Kumar