WP 4.4. Responsive lädt normales Bild nach dem Laden des reagierenden Bildes

Ich habe die 2 neuen hinzugefügten Größen, die ich teste:

// testing add_image_size('new-small', 500, false); add_image_size('medium-large', 768, false); // just added today for devices support 

Bild ausgegebenes HTML:

 test-image 

Ich beobachte den Netzwerk-Tab in Chrome, und wenn ich den Browser zum Beispiel 500×900 (Breite Höhe) neu lade, lädt er zuerst das korrekte Bild und dann sofort das natürliche Bild nach: Bildbeschreibung hier eingeben

Ist jemand darauf gestoßen oder weiß, wie man es repariert?

Solutions Collecting From Web of "WP 4.4. Responsive lädt normales Bild nach dem Laden des reagierenden Bildes"

Dies ist eher eine allgemeine srcset- und Browserfrage, keine WordPress-spezifische Frage.

Im Allgemeinen können Sie jedoch nicht vorhersagen, welche Browser die Informationen von srcset verwenden. In Ihrem Beispiel scheint es, als hätten Sie den Cache zwischen den Ladevorgängen nicht vollständig gelöscht. Beachten Sie die 304-Antwort, die angibt, dass das Bild bereits in Ihrem Browser zwischengespeichert ist (304 ist die nicht geänderte Antwort).

In solch einer Situation ist es für einen Browser durchaus sinnvoll, einfach das größte Bild zu verwenden, das es bereits im Cache hat. Sie haben bereits die höherwertige Version, könnte es auch nutzen. Wenn Sie hier ein Bild mit einer niedrigeren Qualität verwenden, sparen Sie keine Netzwerkbandbreite. Das ist der eigentliche Sinn von srcset. Der Algorithmus von Chrome verwendet nicht einfach “die Bildgröße, die passt”.

Um wirklich zu testen, müssen Sie den Cache leeren und neu laden. Jedes Mal.

Einige Hintergrundinformationen dazu, wie verschiedene Browser srcset verwenden: https://stackoverflow.com/questions/28683635/is-there-etwas-wrong-with-my-srcset-definition-or-is-current-browser-suppor

Bearbeiten: Wie Mark Kaplun in den Kommentaren hervorhebt, ist es durchaus möglich, dass ein Browser ein größeres Bild basierend auf der Verbindungsgeschwindigkeit wählt. Chrome wählt zum Beispiel immer das größte Bild, wenn es weiß, dass das Bild auf dem lokalen Dateisystem ist (so wie Sie eine lokale .html-Datei sehen). Es kann auch über “localhost” wissen und dann das große Bild wählen. Sie können das Problem nicht erzwingen, Sie können nicht hinter den Vorhang blicken. Nicht wirklich. Das Ziel von srcset besteht darin, den Browsern die Informationen zu geben, die es ihnen ermöglichen, das Bild auszuwählen. Nicht für Sie, um entscheiden zu können, welches Bild unter welchen Umständen verwendet wird.