Es ist soweit! Keine 6 Wochen nach unserer fabulösen Ausgabe 006 gibt es ab sofort OnlineRadar in der Ausgabe 007. Darin besprechen wir, nämlich Kai Spriestersbach und Dominik Hafner, mit unserem Gast Timon Hartung von der 121WATT das spannende Thema “Ladezeitenoptimierung von Webseiten”.

Die Themen in dieser Sendung

  1. Vorstellung unseres Gastes: Wer bist Du, was machst du, wie bist du zu dem gekommen, was du machst?
  2. Warum eigentlich Optimierungen?
  3. Ladezeiten bringt bessere Conversion, Mehr Traffic, etc.
    Zahlen hierzu: http://www.slideshare.net/kliehm/performancewmfra
    1. Zusammenhang zwischen SEO-Performance und Ladezeit
    2. Schnellere Seiten werden bevorzugt
    3. Webmaster Tools Webseiten Leistung
    4. Fastpath
  4. Cookie klein halten, weil es bei jedem Aufruf transferiert werden!
  5. Dörfer + LTE + mobile max. 10-30 KB
  6. DNS Lookups, Hostnamen reduzieren (30-120ms)
  7. Header, Cookies
  8. Cache Control, Expires Header, ETags http://de.wikipedia.org/wiki/HTTP_ETag
  9. HTTP Requests + Weiterleitungen vermeiden
  10. CSS Revisionen mit GET-Parametern
  11. HTML-Parsing möglichst kurz halten
  12. Serverseitiges Caching, APC, MemCache, SQL -> Unnötige Requests, Indizes, DB-Optimierung
  13. Wir halten fest: Schlechte Programmierung ist schlecht
  14. CSS am Seitenanfang laden, damit der User möglichst schnell etwas sieht
  15. CSS Auslagern in EINE Datei, genau wie JS, die aber am Ende der Seite laden
  16. Normalisierte Datenbanken http://de.wikipedia.org/wiki/Normalisierung_%28Datenbank%29
  17. Kompression: JavaScript + CSS Minify
    1. http://www.csscompressor.com/
    2. http://javascriptcompressor.com/
    3. Blogposts -> htaccess
  18. GZIP
  19. Bilder:
    1. Bildgröße optimieren -> GIF, PNG8, PNG32, JPG
    2. Bilder nicht via HTML/CSS skalieren!
    3. Auf Subdomains auslagern (Paralleles Laden)
    4. CSS Sprites verwenden -> Generator
    5. Keine leeren SRC Attribute
    6. Icons als @fontface
    7. Breite & Höhe exakt definierent
    8. effiziente css selektoren #id / .link statt #meineId .abc td tr span strong a.link
    9. jpegmini http://www.jpegmini.com/main/home -> gerade getestet … 587kb bild auf 130kb reduziert, smush reduziert nur um 98,7kb
  20. AJAX Cachefähig machen (Am besten GET)
  21. CDN -> Was ist das? Was nutzt es? Bilder auf CDN, rankt mein CDN Bild? -> Erfahrungen => 4 CDNs + www Host => synchrones laden, 4x speed, sozusagen – cookies nicht von cds setzten / schicken etc. => cdns keine cookies setzen!
  22. Cookie möglichst vermeiden
  23. Dom klein halten, iframes vermeiden
  24. Tools
    1. pingdom
    2. yslow http://developer.yahoo.com/yslow/
    3. google pagespeed https://developers.google.com/pagespeed/
    4. loads.in http://loads.in/
    5. http://www.smushit.com/ysmush.it/
    6. gtmetrix.com
  25. Caching plugins für wordpress
    1. W3 Total Cache
    2. WP Super Cache
    3. Hyper Cache
    4. Cachify
      1. Ohne Cachify: 35 DB-Anfragen, 3,00 Sekunden, 21,44 MB
      2. Mit Cachify: 8 DB-Anfragen, 0,91 Sekunden, 20,48 MB
      3. Generiert: 1 Tag zuvor
  26. 10 Ways to Use .htaccess to Speed Up WordPress
  27. mod_pagespeed http://code.google.com/p/modpagespeed/

Gewinnen

Ihr könnt in dieser Ausgabe 2 schöne Dinge gewinnen:

Einmal verlosen wir das Buch: Marketing in the Age of Google: Your Online Strategy IS Your Business Strategy* von Vanessa Fox unter allen lieben Zuhörern, die uns eine Rezension bei iTunes schreiben.

Und zum anderen verlost Dominik das Buch High Performance MySQL. Optimierung, Datensicherung, Replikation & Lastverteilung*, welches Ihr gewinnen könnt, in dem ihr folgenden Tweet veröffentlicht:

Ich will mehr MySQL Performance mit http://kai.im/4s und @onlineradar_de http://www.onlineradar.de/007/

Events

  1. SEO Stammtisch am 15.11.2011 im Chaos
  2. Social Media Economy Days am 21. & 22.11.2011 in München

* Affiliate-Links