Build digital relationships with TYPO3 Neos – TYPO3 Congres in Amsterdam
Webinar TYPO3 Performance Optimierung
-
Upload
wolfgang-wagner -
Category
Technology
-
view
6.117 -
download
4
description
Transcript of Webinar TYPO3 Performance Optimierung
![Page 1: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/1.jpg)
Wolfgang Wagner, wowa-webdesign.de
TYPO3 Performance Optimierung
![Page 2: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/2.jpg)
Wolfgang Wagner, wowa-webdesign.de
Wolfgang Wagner Nebenberuflich selbständig als
Webdesigner Hauptberuf Krankenpfleger Jahrgang 1972 Schwerpunkte TYPO3 & WordPress Mit TYPO3 seit Version 3.8
unterwegs Web: wowa-webdesign.de Twitter: wowawebdesign
![Page 3: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/3.jpg)
Wolfgang Wagner, wowa-webdesign.de
Warum überhaupt Performance-Optimierung? Schnellere Ladezeiten -> glückliche Besucher Glückliche Besucher -> mehr Conversions Suchmaschinen-Ranking
![Page 4: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/4.jpg)
Wolfgang Wagner, wowa-webdesign.de
Wie kann man die Performance einer Website verbessern?
HTML/CSS-Template
TYPO3 Webserver
![Page 5: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/5.jpg)
Wolfgang Wagner, wowa-webdesign.de
Testen! Google PageSpeed
Online-Service Browser-Plugin
YSlow (Browser-Plugin) http://www.webpagetest.org/
![Page 6: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/6.jpg)
Wolfgang Wagner, wowa-webdesign.de
HTML/CSSAnsatz 1
![Page 7: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/7.jpg)
Wolfgang Wagner, wowa-webdesign.de
HTML/CSS HTML reduzieren
HTML-Kommentare vermeiden Code verringern Extension: sourceopt
CDN verwenden (Caching) Bilder optimieren (Komprimierung, Bildmaße) CSS-Sprites verwenden CSS/JavaScript zusammenfassen und minimieren
(manuell oder per TS)
![Page 8: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/8.jpg)
Wolfgang Wagner, wowa-webdesign.de
TYPO3Ansatz 2
![Page 9: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/9.jpg)
Wolfgang Wagner, wowa-webdesign.de
Mehrere Möglichkeiten in TYPO3
Install-Tool Typoscript Extensions
![Page 10: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/10.jpg)
Wolfgang Wagner, wowa-webdesign.de
Demo-Website Absichtlich nicht optimierte
Website Test mit Google PageSpeed-
Plugin für Chrome PageSpeed Score 56
(von 100 Punkten)
![Page 11: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/11.jpg)
Wolfgang Wagner, wowa-webdesign.de
Änderungen im Install-Tool Log-Dateien deaktivieren
Developer-Log deaktivieren[SYS][enable_DLOG] =
Deprecation-Log deaktivieren[SYS][enableDeprecationLog] =
Keine permanente Datenbank-Verbindung [SYS][no_pconnect] = 1
![Page 12: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/12.jpg)
Wolfgang Wagner, wowa-webdesign.de
Änderungen im Install-Tool Gzip-Komprimierung für CSS & JavaScript aktivieren
[BE][compressionLevel] = [0-9][FE][compressionLevel] = [0-9]
Werte zwischen 0 und 9, abhängig von Server-Leistung
![Page 13: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/13.jpg)
Wolfgang Wagner, wowa-webdesign.de
Änderungen im Install-Tool Gzip-Komprimierung für CSS & JavaScript aktivieren
Folgende Zeilen in der .htaccess nötig:
![Page 14: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/14.jpg)
Wolfgang Wagner, wowa-webdesign.de
Ergebnis der Änderungen im Install-Tool
Änderungen im Install-
Tool
Google PageSpeed-
Score: 59 (+3)
![Page 15: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/15.jpg)
Wolfgang Wagner, wowa-webdesign.de
Optimierung per Typoscript Cache aktivieren
config.no_cache = 0
TYPO3-Kommentare deaktivieren config.disablePrefixComment = 1
Default-JavaScript entfernen („Blur“-Effekt) config.removeDefaultJS = 1
Default-CSS auslagern config.inlineStyle2TempFile = 1
![Page 16: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/16.jpg)
Wolfgang Wagner, wowa-webdesign.de
Optimierung per Typoscript CSS-Dateien zusammenfassen und minimieren
config { compressCss = 1 concatenateCss = 1}
JavaScript zusammenfassen und minimieren config { compressJs = 1 concatenateJs = 1}
![Page 17: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/17.jpg)
Wolfgang Wagner, wowa-webdesign.de
Optimierung per Typoscript Externe Javascript-Librarys, z.B. jQuery, von der
Zusammenfassung und Komprimierung ausnehmen
page.includeJSlibs { jquery = http://code.jquery.com/jquery-1.6.3.min.js
jquery.external = 1jquery.disableCompression = 1jquery.excludeFromConcatenation = 1
}
![Page 18: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/18.jpg)
Wolfgang Wagner, wowa-webdesign.de
Ergebnis der Optimierung per Typoscript
Optimierungen per
Typoscript
Google PageSpeed-
Score: 85 (+26)
![Page 19: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/19.jpg)
Wolfgang Wagner, wowa-webdesign.de
Optimierung per TyposcriptBeachten:compressCss/concatenateCss und compressJS/concatenateJs erst ab TYPO3 4.6!
Für ältere Versionen kann man die Extension scriptmerger verwenden.
![Page 20: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/20.jpg)
Wolfgang Wagner, wowa-webdesign.de
Optimierung per Extensions Scriptmerger
CSS: Minifizierung, Komprimierung, Zusammenfassung JavaScript: Minifizierung, Komprimierung Nutzt bessere Kompressionsmethoden als die in TYPO3
eingebauten Bietet mehr Konfigurationsmöglichkeiten Bei Hochlast-Seiten unter Umständen besser!
![Page 21: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/21.jpg)
Wolfgang Wagner, wowa-webdesign.de
Optimierung per Extensions sourceopt
Komprimierung des erzeugten HTML-Codes Entfernt Kommentare Entfernt Leerzeichen und Zeilenumbrüche Verschiedene „Level“ einstellbar
![Page 22: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/22.jpg)
Wolfgang Wagner, wowa-webdesign.de
WebserverAnsatz 3
![Page 23: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/23.jpg)
Wolfgang Wagner, wowa-webdesign.de
Webserver optimieren
mod_expires
Setzt ein „Ablaufdatum“ für Dateien, Browser behält die Daten solange im Cache
mod_deflatemod_header
sETag
entfernen
Komprimiert Dateien, bevor Sie an den Client gesendet werden
Um das maximale Cache-Alter zu definieren
Entity Tag entfernen, um das Browser-Caching nicht auszuhebeln (so ungefähr)
![Page 24: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/24.jpg)
Wolfgang Wagner, wowa-webdesign.de
Webserver optimieren mod_expires &
mod_headers
in der .htaccess:
![Page 25: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/25.jpg)
Wolfgang Wagner, wowa-webdesign.de
Webserver optimieren mod_deflate
in der .htaccess:
![Page 26: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/26.jpg)
Wolfgang Wagner, wowa-webdesign.de
Webserver optimieren ETag entfernen
in der .htaccess: ETag (für Entity Tag, etwa Entitätmarke) ist ein im HTTP 1.1 eingeführtes Header-Feld. Es dient zur Bestimmung von Änderungen an der angeforderten Ressource und wird hauptsächlich zum Caching, also der Vermeidung redundanter Datenübertragungen, verwendet.
![Page 27: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/27.jpg)
Wolfgang Wagner, wowa-webdesign.de
Ergebnis der Optimierungen am Webserver
Das ganze auf einem normalen Webhosting-Paket.YSlow zeigte Grade A mit 98 von 100 Punkten.
Optimierungen am
Webserver
Google PageSpeed-
Score: 96 (+11)
![Page 28: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/28.jpg)
Wolfgang Wagner, wowa-webdesign.de
ZusammenfassungHTML/CSS-Template
TYPO3 Webserver
56
96
![Page 29: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/29.jpg)
Wolfgang Wagner, wowa-webdesign.de
Links .htaccess – Codes: http://wiki.wowa-webdesign.de jQuery-CDN: http://code.jquery.com/ Bilder online komprimieren: http://www.jpegmini.com/ Online CSS-Sprite Generator:
http://spritepad.wearekiss.com/ Extension sourceopt im TER: http://goo.gl/4u3oL Extension scriptmerger im TER: http://goo.gl/nj2B7
![Page 30: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/30.jpg)
Wolfgang Wagner, wowa-webdesign.de
Noch Fragen oder Anmerkungen?
![Page 31: Webinar TYPO3 Performance Optimierung](https://reader035.fdocuments.in/reader035/viewer/2022062514/558cde6dd8b42a015a8b45fc/html5/thumbnails/31.jpg)
Wolfgang Wagner, wowa-webdesign.de
Danke!