Datenkompression - Ein praktischer Leitfaden für den Einstieg

Am 26.01.2017 habe ich beim WP Meetup Berlin einen Vortrag über Datenkompression gehalten.

PS: Dazu gibt es auch einen Beitrag auf meinem Blog und (bald) bei WordPress TV

Transcript

1. Datenkompression Ein praktischer Leitfaden für den Einstieg WordPress Meetup Berlin, 26.01.2017
2. Heiko Mamerow • Frontender • WordPresser • Perfmatterer @HeikoMamerow
3. „Performance is a feature.“ Ilya Grigorik, Google
4. Datenkompression ist gut für Web Performance
5. Datenkompression ist gut, weil … Verringert die Dateigröße
6. Kleine Datei 30 kB 100 kB Kompression 30 – 70%
7. Kleine Datei = Schnelle Ladezeit Unkomprimiert Komprimiert Dateigröße: 100 MB 30 MB Übertragungsrate: 10 Mbit/s (DSL) Dauer: 80s 24s
8. • Kompressionsprogramm • Dateiformat: dateiname.gz • Open Source (GPL) • Normalerweise installiert. \o/ • Normalerweise nicht aktiviert. /o\ gzip
9. Eignet sich am besten für alle Dateien, die Text enthalten. z.B. .html, .php, .js, .css, .svg, .woff2 gzip
10. gzip Check www.gziptest.com
11. gzip Plugins für WordPress https://wordpress.org/plugins/tags/gzip Plugins nur im „Notfall“. Eigenen sich nur für Apache Server. Möglichst die Einstellungen beim Provider nutzen bzw. erst mal dort anfragen.
12. Alternative Brotli https://github.com/google/brotli Noch bessere Kompression Nur für Erwachsene ;-)
13. Vergleich Unkomprimiert gzip Brotli
14. Danke :-) @HeikoMamerow
15. Bildnachweis: Fernsehturm (Slide 2) Urheber: von Kazuyanagae (Eigenes Werk) [CC BY-SA 4.0 ( http://creativecommons.org/licenses/by-sa/4.0)], via Wikimedia Commons Andrere Bilder und Grafikelemente (ausser Screenshot) Pixabay