Pro Yearly is on sale from $80 to $50! »

Datenkompression - Ein praktischer Leitfaden für den Einstieg

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

29958f86da5d76e052520ccfc24dbde9?s=128

Heiko Mamerow

January 27, 2017
Tweet

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