Web Performance Tuning Kurs

Schnelle Websites erzielen letztendlich höhere Umsätze. Unter dem Schlagwort Web Performance Optimization (WPO) sammeln sich unterschiedliche Techniken und Tools, die dafür sorgen, Ihre Website technisch zu optimieren, in dem sie deren Ladezeit bis zu 80 % verringern, die Reaktionszeiten auf Benutzerinteraktionen erheblich verkürzen und Ihre Conversion Rate somit steigern.

Lernen Sie in dieser Web Performance Tuning Schulung die wichtigsten Methoden kennen, um bestehende client-seitige HTML, JavaScript und CSS-Codes sowie Netzwerkeinstellungen und Bilder zu messen und zu verbessern.

Zielgruppe Web Performance Tuning Training

Dieses Web Performance Tuning Training ist für Webentwickler und -designer geeignet, die die Geschwindigkeit Ihrer Website signifikant verbessern wollen. Kenntnisse in HTML, CSS und JavaScript werden vorausgesetzt.

Agenda Web Optimierung Kurs

• Einleitung
  Geschwindigkeit messen
  Ratio Backend und Frontend
  Benutzerkriterien
  Mobiles Web und Endgeräte
  Struktur einer Website
  Auswirkung auf Conversion-Rate
  Ressource Waterfall
• Technische Grundlagen
  Funktionsweise TCP/IP
  Funktionsweise DNS
  Funktionsweise HTTP
  Funktionsweise eines Browsers
  Verbindung von DOM und CSS
  Auswirkungen von JavaScript
  Darstellung von Websites
  Bandbreite und Latenz
  Physikalische Limits
  https overhead
• Messwerkzeuge im Überblick
  Netzwerkebene analysieren
  Backend-System testen
  Firefox,Chrome Erweiterungen (YSlow, Pagespeed)
  Webbasierte Applikationen (Webpagetest)
  
• Optimierungen Backend (serverseitig)
  Optimierung auf Netzwerkebene
  Optimierungen auf TCP/IP-Ebene
  Antwortzeiten DNS
  Datenübertragung verbessern (GZIP-Format)
  Webserver optimieren
  Ressourcenmanagement durch Caching optimieren
  Cache im HTTP-Protokoll
  Automatische Server Caches
  IIS konfigurieren
  IIS optimieren
  ASP.NET Performance
  Content Delivery Network (CDN)
  
• HTTP-Anfragen verringern
  Dateien komprimieren
  Expires vs ETag
  DNS-Aufrufe minimieren
  Weiterleitungen
  
• CSS Sprites
  erstellen
  Vergleich externe und interne Ressourcen
  Ressourcen auf Homepage einbinden
  Quell-Code minimieren
  CSS-Dateien am Anfang des HTML-Dokuments platzieren
  Cookies
  
• JavaScript optimieren
  JavaScript-Dateien
  JavaScript-Frameworks
  Bundling
  Caching
  Minification
  over the Fold
  Nachladen bei Bedarf (Deferred Loading)
  
• Bilderformate
  komprimieren
  Bilder einbetten
  
• Automatisierte Optimierungen
  Performance automatisch optimieren
  Google Hosted Library
  Google Apache http Modul mod_pagespeed