Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Performance Optimierung von Webapps und Websites

Performance Optimierung von Webapps und Websites

Grundlegende und fortgeschrittene Tipps zur Verbesserung von der Performance von Webapps und Websites.

rowallner

March 29, 2012
Tweet

Other Decks in Programming

Transcript

  1. Zusammenfügen, komprimieren und optimieren • JS, CSS - Ant +

    Yahoo YUI Kompressor • Ressourcen optimieren, JPEGs statt PNGs - JPEGTran • Gzip!
  2. The fastest HTTP re- quest is the one not made.

    Steve Souders “ • einzelnes Bild vs. Sprite vs. Base64 in CSS • Inhalte mit Ajax nachladen ”
  3. Weltweiter Zugriff • Content Delivery Network (z.B. Akamai) • Subdomain

    für Ressourcen (IE7 erlaubt nur 2 parallele Downloads pro Hostname)
  4. Es geht um den Inhalt! “ ” • Don't let

    me wait! • Content on demand laden • Script Einbindung (im Body an letzter Stelle)
  5. Javascript • Code nicht unnötig doppelt ausführen, Ergebnisse speichern •

    DOM Zugriffe reduzieren - Element auslesen, ändern, überschreiben; Länge speichern bei DOM Iterationen • CSS Transitions anstatt JS Fades • document.getElementById • For-in vermeiden
  6. • Binäre Operationen verwenden • Garbage Collector arbeiten lassen -

    Event Handler entfernen • Event Bindings reduzieren
  7. Tools und ... • YSlow • Fiddler • Build management

    - Jenkins + Ant • HTML5 Boilerplate Build Script (guter Einstieg) • http://stevesouders.com/