lef_responsive_images Typoskript nur Plugin
Eine typo3 bootstrap_package Erweiterung, um die Erzeugung einer realen Bildbreite für jeden Haltepunkt im fluid Design zu ermöglichen
Derzeit erlaubt typo3 core nur die Breite von Bildern ohne Layout-Beziehung einzustellen.
Dies führt dazu, dass die Bilder weitaus größer sind, als der Kunde es benötigt hätte (denken Sie an ein Bild in einem 6-Spalten-Layout, das bei 1200 / 600 / 300 px gerendert wird, während Sie nur 100px machen). Nicht nur das verbraucht Bandbreite, sondern auch Energie, um die Bilder in den Browsern zu verkleinern.
Mit einiger Sorgfalt ist es möglich, die tatsächliche Bildgröße in fast jedem Layout für jeden Haltepunkt vorzuberechnen. Hinzufügen der vollen Unterstützung für die korrekte img srcset und Bild-Tag, und Daten-Attribute Lazyload-Lösung und css-Hintergrund.
Die Nachteile:
- Vorberechnung von 5 bis 10 Bildern (Haltepunkte +1) * 2, wenn die Netzhaut beim ersten Laden der Seite zeitaufwendig sein kann.
- Konfiguration zur Berücksichtigung von Grid-System, Haltepunkten und Inhaltsrahmen.
- Anpassung der Vorlagen, um das System auf das Layout aufmerksam zu machen.
Nicht künstlerische Leitung freundlich (aber es gibt derzeit niemanden in Typo3)
Die Vorteile:
- Geringere Bandbreite
- Weniger Energie
- Weniger Ladezeit
- Automatisch, sobald die Konfiguration abgeschlossen ist, aber mit den Standardrastereinstellungen sollte es sofort nach dem Auspacken in Ordnung sein.
Warum nicht?
Wer will das schon?
