heise.de - Grafik wird unvollständig angezeigt...

  • Firefox-Version
    78.5.0esr / 83.0
    Betriebssystem
    Win10

    Auf der Startseite von https://www.heise.de/ wird das erste Aufmacher-Bild unvollständig angezeigt. Und zwar für Version 83.0 und 78.5.0esr ( in unterschiedlichen Profilen). In der aktuellen Nightly wird das Bild korrekt dargestellt. Auch unter Chrome gibt es keine Probleme mit dem Bild. Ein Neustart im abgesicherten Modus und auch das händische Löschen des gesamten Cache-Ordners ändert nichts an der fehlerhaften Darstellung. Allerdings wird direkt nach einem Neustart im abgesicherten Modus (also wieder im normalen Modus) das Bild einmal richtig dargestellt. Nach einem Neuladen der Seite ist das Bild wieder kaputt.

    Ist das nur bei mir so oder hat jemand eine Idee, wo die Ursache liegen könnte... :/

    Hier die Heise Startseite:

  • Das img-Tag hat das Attribut loading mit dem Wert lazy. Das sorgt dafür, dass Bilder erst im Nachgang geladen werden und nicht das Laden der Seite blockieren.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

  • Sieht hier so aus ohne uBlock Origin:

    Komisch, bei mir kommt konsequent das kaputte Bild. Im abgesicherten Modus und nach dem Löschen des Cache hätte er es ja eigentlich richtig darstellen müssen. :/

    Jetzt auch in der Nightly... :(


    Das img-Tag hat das Attribut loading mit dem Wert lazy. Das sorgt dafür, dass Bilder erst im Nachgang geladen werden und nicht das Laden der Seite blockieren.

    Auch wenn ich auf "Grafik anzeigen" gehe, wird mir die kaputte Version ausgeliefert. Erst wenn ich dann "CTRL+F5" drücke bekomme ich die vollständige Version des Bildes angezeigt. Lade ich die Hauptseite von heise.de wieder und mache den gleichen Reload, ist sie wieder kaputt.:/

    Einmal editiert, zuletzt von BrokenHeart (22. November 2020 um 20:35) aus folgendem Grund: Ein Beitrag von BrokenHeart mit diesem Beitrag zusammengefügt.

  • Also, bisher wurde bei mir im Nightly das Bild noch nicht vollständig geladen, weder mit F5 noch mit Strg+F5.


    Auch wenn ich auf "Grafik anzeigen" gehe, wird mir die kaputte Version ausgeliefert.

    Nein, bei mir wird da das komplette Bild gezeigt.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

    Einmal editiert, zuletzt von milupo (22. November 2020 um 21:02) aus folgendem Grund: Ein Beitrag von milupo mit diesem Beitrag zusammengefügt.

  • Ja, von Anfang an. Ich vermute nur loading="lazy" als Ursache. Und, wenn ich mit Rechtsklick auf Grafik anzeigen gehe, wird das komplette Bild angezeigt. Aber nur damit hatte ich bisher Erfolg.


    In Bezugnahme auf Beitrag #2 von Andreas: Ich habe Adblock Plus und selbst mit dessen Deaktivierung lädt die Grafik nicht vollständig. Man könnte ja denken, dass das Bild auf das Laden der Seitenelemente wartet, die geblockt werden und daher nicht geladen werden. Aber nach Deaktivierung von Adblock Plus werden sie angezeigt, das Bild lädt aber dennoch nicht komplett.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

    Einmal editiert, zuletzt von milupo (22. November 2020 um 21:17) aus folgendem Grund: Ein Beitrag von milupo mit diesem Beitrag zusammengefügt.

  • milupo :

    Da bin ich etwas beruhigt, dass wenigstens noch einer auch dieses Problem hat...;)

    Inwieweit Lazy-Loading etwas damit zu tun hat, kann ich nicht sagen. Da aber alle(?) anderen Bilder auf heise.de funktionieren und ich auch auf anderen Seiten keinerlei so hartnäckige Probleme habe, hängt es wohl irgendwie mit dem Kontext der Startseite von heise.de zusammen. Das Bild wird bei mir nämlich im eigentlichen Artikel bei allen FF-Versionen vollkommen korrekt dargestellt ( auch nach reload).

  • Lazy-Loading richtet sich nach dem Viewport, wenn ich die Seite in den mobilen Viewports (Extras --> Web-Entwickler --> Bildschirmgrößen testen) anzeigen lasse, wird das Bild immer vollständig gezeigt.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

  • Auch nach einem Reload 'Ctrl+F5'?

    Da ich diese Seite nie besuche, gab es hier nichts im Browser-Cache, aber ich habe es zur Sicherheit nochmal wiederholt (Cmd + F5 auf Mac-Geräten). Gleiches Ergebnis: keine Probleme.

    Stimmt, wenn man z.B. die Device-Pixel-Ratio(DPR) dort ändert, wird das Bild richtig angezeigt.

    Auf was geändert? Ich nutze ein MacBook und MacBooks gibt es seit Jahren schon nur mit einer Device-Pixel-Ratio von 2. Bildschirme mit weniger betrachte ich als minderwertige Produkte, aber wenn ich über den RDM von Firefox eine DPR von 1 simuliere, dann gibt es hier ebenso keine Probleme.

  • Also irgendwas macht Firefox falsch, selbst ohne uBo und uMatrix bleibt nur genau dieses eine Bild nach ~30% stehen. Und auch der Seitenaufbau ist gegenüber Chromium 87 komplett anders - bei Firefox bleibt die Seite lange gräulich, dann kommt erst Inhalt - bei Chromium ist diese Phase kürzer und zeigt die weissen Inhaltsfelder und nach und nach Text und Bilder, und das mit uBo und uMatrix.

    Selbst ein anti-lazy-script ändert nichts dran

    https://gist.githubusercontent.com/ihsoy-s/414048…le_lazy_load.js

    leicht abgewandelt

    Lade ich das Bild aus dem Inspector, ist es auch nur unvollständig, reload zeigt es vollständig.

    heise lädt die Bilder von heise.cloudimg.io

  • Inwieweit Lazy-Loading etwas damit zu tun hat, kann ich nicht sagen. Da aber alle(?) anderen Bilder auf heise.de funktionieren und ich auch auf anderen Seiten keinerlei so hartnäckige Probleme habe, hängt es wohl irgendwie mit dem Kontext der Startseite von heise.de zusammen. Das Bild wird bei mir nämlich im eigentlichen Artikel bei allen FF-Versionen vollkommen korrekt dargestellt ( auch nach reload).

    Ja, das Bild zu 16 Jahre „World of Warcraft“ hat ebenfalls loading="lazy" und lädt sofort komplett. Und ja, auch bei mir werden die Bilder in den Artikeln selbst vollständig geladen.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

  • Also bei mir mit Firefox für Android 83.1.0 und mit Fenix Nightly, beide mit uBlock Origin und aktuellen Standard-Listen, wird mir das korrekt Bild angezeigt, auch bei einen reload der Seite.

    HP Chromebook 15a-nb0225ng, i3N-305, 8 GB LPDDR5-4800 MHz RAM (integriert), 256GB UFS, - chromeOS 126 (Stable Channel) - Linux Debian Bookworm: Firefox Nightly, Beta und Main Release (Mozilla PPA), Android 13: Firefox Nightly und Firefox (Main Release)

    Smartphone - Firefox Main Release, Firefox Nightly, Firefox Klar (Main Release)

  • Es gibt noch eine Merkwürdigkeit: In den Seiteninformationen von Fx 83 wird das Bild nur halb dargestellt, in den Seiteninformationen des Nightlies komplett.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

  • Jetzt, wo der Artikel etwas weiter unten steht, wird das Bild wieder fehlerfrei dargestellt. Falls man das Bild nicht ausgetauscht/verändert hat (was ich nicht annehme), hängt die fehlerhafte Darstellung also anscheinend mit der Position/Seitenverhältnis im Kontext der Startseite zusammen. Da man jetzt das Problem wohl nicht mehr nachvollziehen kann, werde ich den Thread mal auf 'erledigt' stellen.

    Interessiert hätte mich der genaue Grund allerdings schon...

  • Aktuelle Ergänzung:

    Jetzt ist aktuell wieder das gleiche Problem mit einer falsch angezeigten webp-Datei aufgetreten (https://www.heise.de/). Eine Größenänderung des Browserfensters und damit die Änderung der Größe des eingebetteten Bildes bewirkt ein Umschalten zwischen der korrekten und falschen Anzeige. Ich habe mal eine Animation dazu erstellt:

    Die webp-Datei wird korrekt heruntergeladen, aber wie oben zu sehen, nicht immer korrekt dargestellt:

    Das Problem tritt bei mir bei allen aktuellen Firefox-Versionen und auch im abgesicherten Modus auf.

    Leider immer noch keine Erklärung zu diesem Phänomen... :(