Tool zum Überprüfen der Reihenfolge des Ladens von Ressourcen

7

Gibt es ein Tool, mit dem ich Clients anzeigen kann, die den HTML-Code einer Seite verwenden und Folgendes anzeigen:
a) die Reihenfolge, in der externe Ressourcen geladen werden,
b) welche Ressourcen für andere heruntergeladene Ressourcen blockiert sind?

Beispiel: JavaScript im Kopf verhindert, dass Bilder weiter unten auf der Seite geladen werden, und Browser können jeweils nur 6 Ressourcen aus einer bestimmten Domain / Subdomain laden.

Kevin Burke
quelle

Antworten:

7

Es gibt eine Reihe von Tools, die den Wasserfall veranschaulichen (die kaskadierende Kette von HTTP-Anforderungen vom Browser zum Server):

Beachten Sie auch, dass Ihr Punkt:

... Browser können jeweils nur 6 Ressourcen laden ...

ist nicht ganz richtig, während 6 die durchschnittliche Anzahl gleichzeitiger Verbindungen zu einem einzelnen Server Mitte 2011 ist ( siehe hier ), hat diese Anzahl seitdem zugenommen und berücksichtigt kein Domain-Sharding, das die Gesamtzahl der Verbindungen um etwa erhöhen kann 10x.

Mike Hudson
quelle
2

Auf den Registerkarten " Netzwerk" und " Zeitleiste" der Chrome-Entwicklertools wird angezeigt, wann und wie lange das Laden einzelner Seitenkomponenten dauert.

Zach Lysobey
quelle
1

Versuchen Sie yslow Erweiterung, es könnte nützlich sein

mentes
quelle