Wie Resource (zB Image) Ladezeit in WebWiew (Client) zu verfolgen

Question

Ich lade eine Webseite in einem WebView mit einem WebViewClient. Die Webseite hat ein paar Bilder, einige CSS, Javascript usw. und ich möchte herausfinden, wie lange es dauerte, bis die Ressourcendateien (jpegs, .js, .css-Dateien usw.) geladen wurden.

Um die gesamte Ladezeit der Seite zu erhalten, überschreibe ich die WebViewClient s onPageStarted und onPageFinished, füge einige Timer hinzu und subtrahiere. Ist es möglich (und wie), Ladezeiten für jede Ressource auf der Seite zu erhalten?

Also im Grunde möchte ich ein Ergebnis, dass mir erzählt (zB.) Die Seite dauerte 5,3 Sekunden zu laden, image1.jpg nahm 2,4s image2.jpg nahm 3,7s, script.js dauerte 0,9 Sekunden, etc.

Edit: Ich muss das auf dem Telefon selbst tun. Ich versuche nicht, eine Webseite zu optimieren, sondern eine App zu schreiben, die das tut.

Answer 1

Verwenden Sie Chrome Devtools Remote Debugging, mit dem Sie Ihr Android WebView mit dem Chrome-Browser auf Ihrem PC/Mac/Linux verbinden können.

Einmal verbunden. Klicken Sie auf die Registerkarte "Entwickler" im Chrome-Entwickler mit der Beschriftung Network, um zu sehen, wie lange die einzelnen Komponenten geladen wurden.

Ausführliche Anleitung hier: Network Performance

HINWEIS Chrome wird sein eigener adb-Server, so dass es mit Android Studio in Konflikt stehen könne. Wenn Android Studio Probleme beim Herstellen einer Verbindung über adb hat, stellen Sie sicher, dass Chrome DevTools Remote Debugging deaktiviert ist oder sogar beendet wird oder dass Sie Chrome beenden.