Wie warten Sie, bis eine Seite geladen ist, bevor Sie sie rendern?

921
Marko K

Ich schreibe ein Forschungspapier, in dem zwei dynamische Web-Apps miteinander verglichen werden. Ich möchte nämlich die Zeit vergleichen, die für die Ausführung einer ähnlichen Aufgabe in beiden Apps erforderlich ist. Ich weiß, dass eine der beiden Optionen viel schlechter optimiert ist als die andere, was zu einer sehr schlechten Seitenladegeschwindigkeit führt, und ich möchte nicht, dass dieser Aspekt ein UX-Experiment beeinträchtigt.

Daher muss ich das Rendern einer Website blockieren, auf deren Server ich keinen Zugriff habe, bis sie vollständig geladen ist und jede Ressource abgerufen wurde.

Es spielt keine Rolle, welcher Browser verwendet wird, solange er moderne Websites korrekt anzeigen kann. Gibt es irgendwelche Plugins, Skripte oder andere, die ich an einen Browser anhängen könnte, um dies zu erreichen?

3
Diese Frage ist wahrscheinlich eher für stackoverflow.com geeignet Jarmund vor 9 Jahren 0
Ich habe mir die von linuxdev2013 vorgeschlagene Flagge sowie ein Chrome-Plugin namens [Control Freak] angesehen (https://chrome.google.com/webstore/detail/control-freak/jgnchehlaggacipckcklbdemfeohdhc?hl=de). Da die betreffende Seite _really_ schlecht gebaut ist und zuerst eine DOM-Onload-Funktion auslöst und die Seite dann tatsächlich richtig rendert, ist meine Aufgabe nicht leicht zu bewerkstelligen. Ich werde versuchen, über JS nach einem Element zu suchen, um zu sehen, ob es Inhalt hat und wenn ja, um die Seite anzuzeigen. Marko K vor 9 Jahren 0

1 Antwort auf die Frage

1
linuxdev2013

for chrome:

use chrome:/flags to bring up stale-while-loading(or reloading can do both)

Ihr Vorschlag ist nicht klar, da ich nicht weiß, wovon Sie sprechen. Bitte geben Sie den genauen Text der Flagge an, auf die Sie sich beziehen, oder vielleicht einen Screenshot. Wes Sayeed vor 9 Jahren 1
Dort ist die Flagge nicht vorhanden. redbeam_ vor 9 Jahren 0
Aktivieren Sie die Cache-Direktive "Stale-While-Revalidate". Mac, Windows, Linux, Chrome OS, Android Aktivieren Sie die experimentelle Implementierung der Direktive Cache-Control: Stale-While-Revalidate. Dadurch können Server angeben, dass einige Ressourcen im Hintergrund erneut geprüft werden, um die Latenz zu verbessern. # enable-stale-while-revalidate linuxdev2013 vor 9 Jahren 0