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.
Antworten:
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.
Auf den Registerkarten " Netzwerk" und " Zeitleiste" der Chrome-Entwicklertools wird angezeigt, wann und wie lange das Laden einzelner Seitenkomponenten dauert.
Versuchen Sie http://pingdom.com und http://gtmetrix.com/ sind meiner Meinung nach am besten