ALLES ÜBER tinyimg UND WIE ES AUF WEBSITES EINGESETZT WIRD

Untersuchte Extension

tinyimg

TYPO3 Erweiterung tinyimg

Bildkompression für alle pngs und jpgs, die in das Backend hochgeladen wurden (über die tinypng API)

Was bewirkt es?

Es ist eine kleine Erweiterung, die sich (mit Hilfe von Signalen) in den TYPO3-Datei-Upload einklinkt und jedes jpg oder png komprimiert, das über die tinify API ins Backend hochgeladen wird: https://tinypng.com/developers

Diese API kann bis zu 80% der Dateigröße Ihrer Bilder reduzieren, was die Seitengeschwindigkeit erhöht. Ohne Qualitätsverlust.

Installation

  1. Erweiterung von TER erhalten
  2. Erstellen Sie einen API-Schlüssel* unter https://tinypng.com/developers
  3. Geben Sie den API-Schlüssel* in der Erweiterungskonfiguration ein (über den Erweiterungsmanager)
  4. Fügen Sie das statische TypoScript ein. Es deaktiviert die Komprimierung im Anwendungskontext "Entwicklung" - so verlieren Sie während der Entwicklung und des Tests keine Kompressionen
  5. Ich wünsche dir einen schönen Tag :)

*Beachten Sie, dass die tinify API auf 500 Kompressionen pro Monat begrenzt ist. Wenn Sie mehr benötigen, gibt es eine kostenpflichtige Version, die in Ihrem Dashboard aktiviert werden kann (wo Sie Ihren API-Schlüssel erhalten haben)

Einrichtung für bereits bestehende Projekte

Diese Erweiterung enthält einen extbase Befehl, der alle Dateispeicher durchläuft und bei jedem Durchlauf 100 Bilder darin komprimiert. Je nach Größe dieser Bilder dauert das eine Weile.

Stellen Sie sicher, dass Sie einen aktualisierten Index haben. TYPO3 wird mit einem Index-Updater als Scheduler-Task namens "File Abstraction Layer" ausgeliefert: Speicherindex aktualisieren (Scheduler)".

Beachten Sie auch, dass die tinify API auf 500 freie Kompressionen begrenzt ist (siehe Hinweis oben). Auf großen Websites wird es also schnell erreicht.

Beitrag

Bugs und Feature Requests sind willkommen. Zögere nicht, ein Problem zu erstellen, und ich werde es mir so schnell wie möglich ansehen.

Code-Verbesserungen werden ebenfalls sehr geschätzt, da ich ein junger Entwickler bin und sicher bin, dass es Dinge zu optimieren gibt.

Sponsoring

Diese Erweiterung wird von der Interlutions GmbH betrieben. Die meiste Zeit ist die Arbeit an dieser Erweiterung in Arbeit, also danke ich Interlutions. :)

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

Verteilung:TINYIMG ist auf

0.03 % aller TYPO3 installiert.

  • 0.14 % aller TYPO3 8.7.x Installationen installiert
  • 0.07 % aller TYPO3 7.6.x Installationen installiert

TINYIMG Version:Verteilung nach installierten Versionen

  • 20 % TINYIMG v.1.2.0
  • 80 % TINYIMG v.1.1.0

PHP Version:TINYIMG wird benutzt mit

  • 100 % PHP/7.0

responsive - image 4

Gosign-Responsive Index: TYPO3 Installationen nutzen TINYIMG zu

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

speed test - image 5

Pagespeed: TYPO3 Installationen nutzen TINYIMG zu

  • 45 % wenn der Pagespeed zwischen 80 % und 100 % ist
  • 36 % wenn der Pagespeed zwischen 60 % und 80 % ist
  • 9 % wenn der Pagespeed zwischen 40 % und 60 % ist
  • 0 % wenn der Pagespeed zwischen 20 % und 40 % ist
  • 18 % wenn der Pagespeed zwischen 0 % und 20 % ist


Stichprobe n=37954 von Gosign gecrawlte TYPO3-Seiten mit den Top-Level-Domains <.de>

Ran an die Resultate – unser Newsletter für Sie!

Damit Sie gleich Wind davon bekommen, wenn wir in unserem Magazin zu neuen Erkenntnissen kommen.