Chrome-Entwicklertools - Lücken im Netzwerkbereich

In den Chrome-Entwicklertools auf der Registerkarte "Netzwerk" bin ich gespannt, was während der Lücken passiert. Wenn Sie sich mein Bild unten ansehen, habe ich die Bereiche, in denen diese Lücken bestehen, orange hervorgehoben. Wenn ich einen Großteil meiner Seite aus dem Cache laden kann, ist es eine Schande, dass diese großen Lücken auftreten, da sie den größten Teil meiner Ladezeit ausmachen. Was genau passiert in dieser Zeit?

BEARBEITEN

Okay, ich habe diese Antwort gefunden , die meine Frage im Wesentlichen zusammenfasst, also eine andere Frage: Kennt jemand eine gute Methode, um die Länge dieser Lücken zu verringern? Vermutlich (wenn auch ziemlich extrem) würde es nach dem Laden der CSS-Datei vor dem Laden der Bilder keine Verzögerung geben, wenn ich mein gesamtes CSS auf die Seite geladen hätte.

Ich weiß, dass dies keine direkte Antwort auf Ihre Frage ist, aber haben Sie überlegt, mit einem anderen Tool wie Fiddler oder WireShark zu überwachen? Mit einem anderen Tool erhalten Sie möglicherweise mehr Einblick in die Grundursache Ihres Problems.

Es gibt eine Reihe von Optionen, um die "Lücken" im Wasserfall des dev-tools-Netzwerks zu verringern. Hauptsächlich Optimieren und Optimieren Ihrer Website, um eine bessere Leistung zu erzielen, und Beobachten der Reihenfolge, in der Dateien vom Server an den Benutzer übergeben werden. Unter dem Link finden Sie Beschreibungen einiger Beispiele.

yahoo: Best Practices für die Beschleunigung Ihrer Website