Web Performance Tuning

> Inhalte 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 verringern und die Reaktionszeiten auf Benutzerinteraktionen erheblich verkürzen.

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

> Zielgruppe Web Performance Tuning Training

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

>

> Agenda Web Optimierung Kurs

• Einleitung
  Geschwindigkeit von Websites
  Performance-Ebenen
  Ratio Backend und Frontend
  Benutzerkriterien
  Mobiles Web und Endgeräte
  Struktur einer Website
  Auswirkung auf Conversion-Rate
  Auswirkungen auf Google Page Rank
  Ressource Waterfall
• Technische Grundlagen
  Funktionsweise TCP/IP
  Funktionsweise DNS
  Media Transfer Unit
  Auswirkung von Bandbreite und Latenz
  Physikalische Limits
  RRC-Protokoll
  SSL-Verbindungen
  Funktionsweise HTTP
  Funktionsweise eines Browsers
  Verbindung von DOM und CSS
  Auswirkungen von JavaScript
  Darstellung von Websites
• Messwerkzeuge im Überblick
  Netzwerkebene analysieren
  Backend-System testen
  Firefox Erweiterungen (YSlow, Pagespeed)
  Webbasierte Applikationen (Webpagetest)
• Optimierungen im Netzwerk und im Backend (serverseitig)
  Optimierung auf Netzwerkebene
  Optimierungen auf TCP/IP-Ebene
  Geschwindigkeit des DNS testen
  Datenübertragung verbessern (GZIP-Format)
  System von außen beschleunigen
  Webserver optimieren
  Ressourcenmanagement durch Caching optimieren
  Cache im HTTP-Protokoll
  Automatische Server Caches
  Statische Dateien über Content Delivery Network (CDN) ausliefern
• HTTP-Anfragen verringern
  Dateien komprimieren
  Expire-Header
  DNS-Aufrufe minimieren
  Weiterleitungen vermeiden
• CSS Sprites
  CSS-Sprites erstellen
  Vergleich externe und interne Ressourcen
  Ressourcen auf Homepage einbinden
  Quell-Code minimieren
  CSS-Dateien am Anfang des HTML-Dokuments platzieren
• JavaScript Sprites
  JavaScript-Dateien am Ende einer HTML-Datei einbinden
  JavaScript-Frameworks verwenden
  JavaScript-Ausdrücke in CSS-Dateien
  Skripte nur einmal einbinden
  Content Delivery Network
  Entity Tags
  Inlineframes
  Mehrere Domain-Namen nutzen
  Datenmenge in Cookies reduzieren
  Nachladen bei Bedarf (Deferred Loading)
• Bilder und Icons komprimieren
  Favicons
  Bilder einbetten und optimieren
• Automatisierte Optimierungen
  Performance automatisch optimieren
  Google Hosted Library
  Google Apache httpd Modul mod_pagespeed