TYPO3 Speed & Performance - Unverzichtbare Erweiterungen!

Bei all den Vorteilen, die das TYPO3 CMS mit sich bringt, ist die Geschwindigkeit nicht unbedingt eines der größten Verkaufsargumente. Glücklicherweise gibt es eine Reihe von TYPO3-Optimierungserweiterungen und damit zusammenhängende Aufgaben, die Sie tun können, um die TYPO3-Site-Performance zu verbessern - einschließlich der Installation der richtigen TYPO3 Speed Performance Extensions.

Die Geschwindigkeit und Performance Ihrer TYPO3 Website spielt eine große Rolle für die Reputation Ihrer Marke.

Kennen Sie das?

Google kümmert sich darum, wie schnell Ihre Website gerendert wird. So einfach ist das. Ladezeiten werden von Experten immer wieder als Top-SEO-Faktor eingestuft und Google hat eine Reihe von Tools entwickelt, die uns helfen, sie zu messen und zu verbessern.

Wenn Sie auf die Geschwindigkeit und Leistung Ihrer TYPO3-Website achten, können Sie mit einfachen Mitteln und Erweiterungen die Leistung Ihrer TYPO3-Website verbessern.

Im Folgenden erfahren Sie, warum eine schnell ladende TYPO3-Website ein Muss ist, und über die nützlichsten und besten TYPO3-Performance-Erweiterungen, die es wert sind, auf Ihrer Website installiert zu werden.

Vielleicht haben Sie "TYPO3 Performance Tipps & Tricks" gegoogelt? Nein? Hier ist der ultimative TYPO3-Performance-Guide, den Sie sich nicht entgehen lassen dürfen!

Eine solide Ladezeit ist alles unter 2 Sekunden. Natürlich ist es umso besser, je niedriger Sie diese Zahl erreichen können. Die Seite im obigen Bild ist ziemlich gut, aber es gibt ein paar Optimierungen, die sie auf eine A-Note heben könnten.

Ein weiterer Grund, warum wir die besten TYPO3 Performance Extensions für Sie durchgehen!

Es gibt zahlreiche Faktoren, die die Performance Ihrer TYPO3-Website beeinflussen. 

Wenn Sie Ihre Website mit den oben genannten Speed-Test-Websites überprüfen, haben Sie zu diesem Zeitpunkt wahrscheinlich eine gute Liste von Verbesserungsvorschlägen.

Fast alle der in diesem Blog vorgeschlagenen TYPO3 Speed- und Performance-Erweiterungen werden die meisten dieser Probleme für Sie beheben. 

Aber bevor wir in die Liste der Erweiterungen einsteigen, müssen Sie einige der grundlegenden Ausführungsprobleme beheben. 

Hier sind die absolut bemerkenswertesten Faktoren, die zur schlechten Performance Ihrer Website beitragen:

• Ihr Webhoster

Sie benötigen einen zuverlässigen TYPO3 Webhoster, der die Größe Ihrer Website und den bestehenden Traffic unterstützen kann. Außerdem muss er richtig konfiguriert sein und hochwertige Server-Hardware und -Software einsetzen, damit Sie das Beste aus Ihrer Website herausholen können.

• Ihre Vorlagenqualität

Ihr TYPO3-Template sollte leicht, schnell und idealerweise ziemlich minimalistisch sein. Schwere Templates führen zu langsameren Seiten und benachteiligen Sie, wenn es um die Optimierung Ihrer Website geht.

• Größe Ihrer Website

Große Websites können schnell laden, aber sie müssen mit der richtigen Art von Hosting-Paketen gepaart werden. Außerdem müssen zusätzliche Optimierungsschritte unternommen werden, um die Gesamtgröße Ihrer Website zu reduzieren. Die Entscheidung für Lösungen wie TYPO3 SaaS kann zu einer verbesserten Leistung und Sicherheit Ihrer Website führen.

• Auswahl der Erweiterungen

Erweiterungen sollten nur für "must-have" Funktionen installiert werden. Wenn Sie zu viele gestapelte, inaktive oder nicht aktualisierte Erweiterungen haben, kann dies Ihre Website wirklich ausbremsen.

Diese Erweiterung informiert Varnish über die TYPO3-Insights einer Seite, damit Varnish auf Basis dieser Informationen richtige Caching-Entscheidungen treffen kann. Außerdem informiert sie Varnish, seinen Cache zu invalidieren, sobald ein Inhalt durch das TYPO3-Backend geändert wird. Einige der Funktionen sind,

• Gebrauchsfertige Konfiguration für Varnish und TYPO3
• Varnish-basiertes Caching für alle cachefähigen Seiten
• TYPO3-Cache-Löschhaken, um den Cache für entsprechende Seiten auch in Varnish zu löschen

Diese TYPO3-Erweiterung fügt die erforderlichen Bits hinzu, um den fastcgi_cache von NGINX für TYPO3-Seiten zu verwenden. Sie fügt geeignete Cache-Kontroll-Header hinzu, dokumentiert die erforderliche NGINX-Konfiguration und flusht den Nginx-Cache, wenn sich Inhalte ändern.

Akamai CDN Adapter für TYPO3 ermöglicht das Flushen von CDN-Caches im Zusammenhang mit einer TYPO3-Installation. Wenn TYPO3 hinter Akamai's EdgeGrid CDN liegt, ist diese Erweiterung ein perfekter Begleiter für Sie. Diese Erweiterung verbirgt die Komplexität der EdgeGrid-API von Akamai, um Caches zu leeren.

Unter Einbeziehung des TYPO3 Caching Frameworks stellt diese Extension einen neuen Cache zur Verfügung, um alle ausgegebenen Seiten, die cachefähig sind, zu verfolgen. Wenn ein Redakteur den Inhalt einer Seite ändert, muss der Seiten-Cache geleert werden - und der Reverse-Proxy muss darüber informiert werden, dass der Cache ungültig ist. Dies geschieht in der Regel über eine HTTP-PURGE-Anfrage an den Proxy-Server. Das hat den Vorteil, dass sich der Redakteur keine Gedanken darüber machen muss, warum veraltete Informationen noch auf seiner Website sichtbar sind.

#3 Erstellen einer WebP-Kopie für Bilder (TYPO3 CMS)

WebP ist ein modernes Bildformat, das eine hervorragende verlustfreie und verlustbehaftete Komprimierung für Bilder im Web bietet. Mit WebP können Webmaster und Webentwickler kleinere, reichhaltigere Bilder erstellen, die das Web schneller machen. Diese Erweiterung fügt automatisch erstellte _WebP_-Kopien aller von TYPO3 verarbeiteten JPEG- und PNG-Bilder hinzu.

Die Erweiterung optimiert hochgeladene/verarbeitete Bilder mit Binärdateien Ihrer Wahl.

Diese Erweiterung Source Optimization führt eine Optimierung der endgültigen Seite durch, indem die (x)HTML-Ausgabe neu formatiert wird, neue Zeilen und Anführungszeichen entfernt werden.

#2 CSS/Javascript Minificator, Compressor, And Concat

Diese Erweiterung minimiert die Http-Anfragen durch Verkettung Ihrer CSS und Javascript. Außerdem kann das Ergebnis minifiziert und komprimiert werden. Dieser ganze Prozess ist hochgradig konfigurierbar und basiert teilweise auf den Projekten "minify", "jsminplus" und "jsmin".

#3 Frontend-Leistung

Diese Extension hilft, die Frontend-Performance im TYPO3 CMS zu verbessern. Es tut,

• Minifizierung von JS (Dateien und Inline)
• Inline-JS pro Seite von der Verkettung ausschließen
• Standard-JS in die Fußzeile verschieben
• Alle generierten HTML-Dateien verkleinern

#4 Cache-Optimierer

Diese Extension verbessert den Cache-Clearing-Prozess von TYPO3. Sie verwendet eine erweiterte Tag-Behandlung, um den Cache in diesen Anwendungsfällen zu leeren:

Wenn ein Inhaltselement geändert wird, wenn eine Datei oder die Metadaten einer Datei geändert werden, wenn eine Datei geändert wird, wird das Verzeichnis erkannt, und wenn ein Datensatz einer Extension geändert wird.

#5 Schnellerer Backend-Seitenbaum

Diese Erweiterung ersetzt und erweitert Teile der neuen Seitenbaum-Komponente in TYPO3 9. Sie lädt standardmäßig Unterseitenbäume bis zu einer konfigurierbaren Verschachtelungsebene und fügt Datenbank-Mounts und tiefere Unterseitenbäume hinzu, die vom aktuellen Backend-Benutzer explizit geöffnet wurden. Dies ist hilfreich für große Installationen mit vielen Seiten, bei denen die v9-Kernkomponente auf Performance-Probleme stoßen kann (server- und clientseitig).

Erweitert den Kompressor von TYPO3 für JS und CSS um einen Minifier. Dadurch können Sie bis zu 70 % der standardmäßig komprimierten Dateigröße sparen. Komprimiert auch die HTML-Ausgabe von TYPO3. Volle Composer-Unterstützung.

• Step 1. Go to Web > Template > Select root-page
• Step 2. Edit Setup > Add following code > Click on Save button

# TypoScript Setup
config.no_cache = 0

#2 Komprimieren und Konkatenieren Ihrer Assets

Im Allgemeinen kann Ihre TYPO3-Site mehr als 15+ CSS/JS-Dateien haben. Lassen Sie uns diese komprimieren und in einer einzigen Datei verketten, um zu viele Anfragen zu vermeiden.

Step 1. Go to Web > Template > Select root-page

Step 2. Edit setup > Add following code > Click on Save button

# TypoScript Setup
config.compressCss = 1
config.compressJs =1
config.concatenateCss = 1
config.concatenateJs = 1

#3 Use TYPO3 + Varnish (EXT:varnish)

Lieben Sie TYPO3 & Varnish? Varnish ist der schnellste, flexibelste und kostengünstigste Web-Beschleuniger, den es für Ihr Online-Geschäft gibt. Andri Steiner entwickelte die robuste Varnish TYPO3 Extension Varnish Connector.

#4 Vermeiden von JavaScript-Block-Rendering

Google PageSpeed empfiehlt dringend, Ihr Javascript am Ende der Seite zu laden, um das Rendern von JavaScript-Blöcken zu vermeiden und das First-Byte-Rendering zu erhöhen. Stellen Sie einfach sicher, dass Sie Ihre JavaScript-Bibliotheken mit dem folgenden TypoScript-Weg einbinden.

# TypoScript Setup
config.moveJsFromHeaderToFooter = 1
page.includeJSFooter {
    Jquery = jquery.min.js
    Bootstrap = Bootstrap.min.js
}

Wenn die Geschwindigkeit und Leistung Ihrer Website nachgelassen hat, dann sollte die Optimierung Ihrer TYPO3 Website für Geschwindigkeit Ihre oberste Priorität sein.

Sie sind nicht weit von einer perfekt ladenden TYPO3-Website entfernt. Alles, was Sie tun müssen, ist, die TYPO3-Erweiterungen Ihrer Wahl aus der obigen Liste zu installieren, zu aktivieren und zu konfigurieren.

Haben Sie schon eine dieser leistungssteigernden TYPO3-Erweiterungen verwendet? Haben wir eine Extension übersehen? Welche ist Ihr Favorit und warum? Lassen Sie es uns in den Kommentaren wissen!