2016-05-25 13 views
1

Zur Berechnung der Seitenladezeit in Desktop gibt es mehrere Erweiterungen in Chrome und Firefox. Aber ich finde keine Art von Erweiterungen in mobilen Browsern? Wie kann ich die Seitenladezeit in Handys berechnen?Wie berechne ich die Seitenladezeit im Handy?

+0

den Gerätemodus in Werkzeuge Chrom Entwickler verwenden und dann auf die Registerkarte Netzwerk aus? – BenG

+1

Können Sie die console.time()/console.timeEnd() Funktionen verwenden? wie hier abgebildet: http://stackoverflow.com/a/1975103/4561730 – juan8a

+0

Wenn Sie dies (console.time/timeEnd) mit der Überwachung der document.readystate paaren, sollten Sie in der Lage sein, es für Ihre Verwendung anzupassen: https: //developer.mozilla.org/en-US/docs/Web/API/Document/readyState – juan8a

Antwort

0

Sie können versuchen, die Performance-Timing-API zu verwenden, da sie relativ zum performance.fetchstart messen soll (wenn die Seite geladen wurde). Die Zeit 0 wird gemessen, wenn die Seite abgerufen wird (performance.fetchstart), und die Aufrufe an performance.now rufen die Zeit in Millisekunden relativ zu fetchstart ab.

Ich glaube nicht, dass Sie das Skript in den Kopf setzen müssen, wie ich unten getan habe, da die Zeitmessung relativ zum Seitenholen nur ausgeführt wird, wenn das Ereignis "load" ausgelöst wird und den Rückruf auslöst.

<!doctype> 
<html> 
    <head> 
    <!-- HEAD content stuff --> 
    <script> 
     document.addEventListener("load", function(event) { 
     var t1 = performance.now(); 
     console.log("PageLoad duration: " + t1 + " milliseconds.") 
     }); 
    </script> 
    </head> 
    <body> 
    <!-- Page structure/content stuff, etc ... --> 
    </body> 
</html> 

See the JSFiddle

Mehr zu diesen APIs: When milliseconds are not enough: performance.now

Performance.now (MDN)