TYPO3 Plugin:

lef_responsive_images

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?

Benötigen Sie schnelle Hilfe mit dieser Extension? Unser Team von erfahrenen TYPO3-Entwicklern löst Probleme unkompliziert und zum Stundensatz.

Verteilung:LEF_RESPONSIVE_IMAGES ist auf

0.03 % aller TYPO3 installiert.

  • 0.05 % aller TYPO3 7.6.x Installationen installiert
  • 0.11 % aller TYPO3 6.2.x Installationen installiert

PHP Version:LEF_RESPONSIVE_IMAGES wird benutzt mit

  • 100 % PHP/5.6

Gosign-Responsive Index: TYPO3 Installationen nutzen LEF_RESPONSIVE_IMAGES zu

  • 50 % wenn der Gosign-Responsive-Index zwischen 80 % und 100 % ist
  • 50 % wenn der Gosign-Responsive-Index zwischen 60 % und 80 % ist
  • 0 % wenn der Gosign-Responsive-Index zwischen 40 % und 60 % ist
  • 0 % wenn der Gosign-Responsive-Index zwischen 20 % und 40 % ist
  • 0 % wenn der Gosign-Responsive-Index zwischen 0 % und 20 % ist

Pagespeed: TYPO3 Installationen nutzen LEF_RESPONSIVE_IMAGES zu

  • 17 % wenn der Pagespeed zwischen 80 % und 100 % ist
  • 0 % wenn der Pagespeed zwischen 60 % und 80 % ist
  • 42 % wenn der Pagespeed zwischen 40 % und 60 % ist
  • 42 % wenn der Pagespeed zwischen 20 % und 40 % ist
  • 0 % wenn der Pagespeed zwischen 0 % und 20 % ist


Stichprobe n=36680 von Gosign gecrawlte TYPO3-Seiten mit den Top-Level-Domains <.de/.ch/.at>