Warum werden auf einigen Websites in den Entwicklertools von Chrome 0 Byte angezeigt?

14

Ich optimiere die Seitengeschwindigkeit meiner Website und untersuche, wie andere Websites dies tun. Mir ist aufgefallen, dass einige Websites wie Facebook oder Ringgitplus für einige ihrer Ressourcen in den Chrome-Entwicklertools auf der Registerkarte "Netzwerk" 0 Byte anzeigen , während die tatsächliche Inhaltsgröße mehrere Kilobyte beträgt.

Der Screenshot der Registerkarte "Netzwerk" zeigt 0 Byte für einige Ressourcen

Ich habe einige Artikel gelesen, die besagen, dass Größe die abgerufene Menge und Inhalt die tatsächliche Größe der Antwort ist. Wenn die Größe 0 Byte beträgt, bedeutet dies, dass die Daten aus dem Cache bereitgestellt werden. Das Gleiche geschah, wenn ich die Seite mit Incognito öffne oder meinen gesamten Cache lösche.

Wie ist das möglich und wie kann ich dasselbe für meine Websites erreichen?

kecebongsoft
quelle
2
und wenn Sie eine Strg + F5 (ein Cache, der das Neuladen umgeht)
Ratschenfreak
1
Haben Sie Ihre Seite bereits mit developer.yahoo.com/yslow profiliert ?
Marcel
@ratchetfreak Es ist immer noch das gleiche.
Kecebongsoft
@Marcel Ja, ich verwende mehrere Tools wie das von Ihnen erwähnte, Google Page Speed, sowie webpagetest.org
kecebongsoft
Beantwortet nicht wirklich die Fragen, warum die nicht zwischengespeicherten Ressourcen möglicherweise 0b anzeigen könnten, aber hier ist eine gute SO-Frage, die den Unterschied anspricht
Ben Lee

Antworten:

4

Das Verstehen des Verhaltens von Chrome ist auf einer Site, die sowohl http als auch https unterstützt, am einfachsten zu erkennen .

Wenn Sie Developer Tools öffnen und dieses Image anzeigen, meldet Chrome 27,1 KB, wenn das Image zwischengespeichert ist, und 257 Byte, wenn es nicht zwischengespeichert ist. Sie können den Cache in den Entwicklertools leeren, indem Sie mit der rechten Maustaste auf den Bereich am unteren Bildschirmrand klicken (z. B. neben nav_logo161.png).

Öffnen Sie nun den Link mit https . Chrome meldet 0 Byte, ob das Element zwischengespeichert ist oder nicht. Wenn es zwischengespeichert ist, erhalten Sie eine 304, und wenn es nicht zwischengespeichert ist, sehen Sie einen 200-Status. Sie können jedoch an der Latenz erkennen, dass die nicht zwischengespeicherte Antwort viel länger dauert.

Also, um es kurz zu machen, wenn Sie möchten, dass Chrome 0 Bytes für Ihre Webseite meldet, verwenden Sie https .

Dieser Fehler wird hier und hier aufgezeichnet .

Dieser Fehler macht sich hauptsächlich beim Anzeigen von Bildern bemerkbar. Der Grund, warum Sie es mit den http- Links im ursprünglichen Beitrag bemerken, ist, dass beide Seiten tatsächlich in https rendern .

dcaswell
quelle