Tag 2: Tips and Tricks for Building High Performance Web Applications and Sites

Endlich mal ein wenig Abwechslung vom USA- English. Giorgio Sardo erklärt mit italienischem Akzent, wo und wie bei der Web- Entwicklung Ladezeiten und Performence verbessert werden können.

CSS

• Die Anzahl von Zeilen klein halten
  
• Nicht gebraucht Styles löschen
  
• Keine Expressens brauchen
  

  
  

JavaScript

• Wenn möglich, DOM nicht brauchen
  
• Lokale Variablen immer mit "var" kennzeichen
  
• Code wie var test = "test"; test += " 1 "; test += " 2". Der Ausdruck "+=" braucht enorm Zeit. Es kann bis zu 30% Zeit eingespart werden, wenn der string wie folgt zusammengestzt wird: var test = "test" + " 1" + " 2"
  
• Wenn Zugriff auf DOM, diesen cachen. Z.B. var b = document.body, dann auf b zugreifen und nicht immer wieder auf document.body
  
• JSON. Nativ JSON brauchen und nicht Libraires. Ist enorm schneller!
  
• Getter und Setter: Nur brauchen, wenn Daten bei Zuweisung oder beim Lesesn validiert werden müssen
  
  

HTTP

• "GZIP"- Kompression auf IIS einschalten
  
• JavaScript Blocks am Ende des HTML Codes anfügen
  

  
  

Tools die einen Blick Wert sind

• Microsoft Expression Web Superview: Wirklich tolles Tool um Websites in verschiedenen Browsern anzusehen
  
• SpriteMe: Bilder "zusammenfassen"
  
• Doloto: Time Optimizer