Attribut srcset in der WP Gallery

    Ich möchte mich mit einer etwas banalen Frage rund um das srcset Attribut an euch wenden. Unter https://touren.labut.at/test/ wird die WP Standard Gallery und das Plugin Easy Fancybox eingesetzt. Im Quellcode sehe ich dass dem Browser drei Imagegrößen für das Vorschaubild (size="medium") zur Auswahl stehen ...

    Code
    <img width="300" height="225" src="https://touren.labut.at/wp-content/uploads/sites/8/2023/02/test_05_leopoldsberg-300x225.jpg" class="attachment-medium size-medium" alt="Test" decoding="async" loading="lazy"
srcset="https://touren.labut.at/wp-content/uploads/sites/8/2023/02/test_05_leopoldsberg-300x225.jpg 300w, https://touren.labut.at/wp-content/uploads/sites/8/2023/02/test_05_leopoldsberg-768x576.jpg 768w, https://touren.labut.at/wp-content/uploads/sites/8/2023/02/test_05_leopoldsberg.jpg 1200w" sizes="(max-width: 300px) 100vw, 300px">

    Irgendwie kann ich nicht ganz nachvollziehen, warum auch am Smartphone die 768x576 Pixel - anstelle der kleineren 320x225 Pixel - Variante geladen wird. Besteht eine Möglichkeit den Einsatz einer Pixel Variante zu erzwingen? Es geht mir letztlich durchaus um die Performance.

    Einmal editiert, zuletzt von pedro999 (16. Februar 2023 um 13:12)

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Zitat von pedro999

    I

    Code
    300x225.jpg 300w, 
768x576.jpg 768w, 
leopoldsberg.jpg 1200w" sizes="(max-width: 300px) 100vw, 300px">

    Irgendwie kann ich nicht ganz nachvollziehen, warum auch am Smartphone die 768x576 Pixel - anstelle der kleineren 320x225 Pixel - Variante geladen wird. Besteht eine Möglichkeit den Einsatz einer Pixel Variante zu erzwingen? Es geht mir letztlich durchaus um die Performance.

    Hast du ein Regina fähiges Smartphone in der Hand? In der Regel prüft der Browser, welches Bild angezeigt werden soll. Außer der Apfel Brwoser mag Bilder nicht sonderlich.

    https://developer.mozilla.org/en-US/docs/Lea…etiredLocale=de

    Mit offenen Augen träumen

    Nein, kein Apfel - am Pixel 5 hab ich das beobachtet ...

    Es würde mir aus Performancegründen gut gefallen, wenn der Browser - auch am PC - auf die 300x225 Variante zurückgreift. Nur hab ich bisher keine Möglichkeit gefunden dies zu beeinflussen. Irgendwie dürfte mein Wunsch dem Grundgedanken von srcset widersprechen, oder?

    Das Pixel 5 hat einen Viewport von 393x851 Pixeln, der Bildschirm selbst nutzt intern aber 1080x2340 Pixel, daher will (und soll) der Browser entspr. dafür passendere höher aufgelöste Bilder statt der PC Variante mit nur 320x225 u.ä. laden.

    Die beste erzwungene Performance nutzt nichts, wenn Besucher dafür unscharfen Pixelbrei sehen.

    Empfehlung: Lass das so wie es ist.

    Vielen Dank auch euch. Mit der Performance bin ich zwar wenig zufrieden - aber da muss ich mich wohl doch um Alternativen zur WP Standard Gallery (sprich Plugins) umschauen ...

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden