Die Illusion der performanten Webanwendung

Nutzer sind ungeduldig. Die Ladezeit einer Webseite ist einer der fundamentalen Aspekte für ein erfolgreiches Produkt. Aber es ist nicht notwendigerweise nur die real messbare Wartezeit, die entscheidet. Die Optimierung der Core Web Vitals hat seine Berechtigung. Attraktive Webseiten reduzieren zusätzlich die gefühlte Wartezeit.

Der Vortrag stellt Beispiele aus dem Projektalltag vor, wie man beim Bootstrappen einer JavaScript-Anwendung unnötige Fehler vermeidet. Es gibt zudem Möglichkeiten, die gefühlte Wartezeit mithilfe moderner CSS-Technologien zu reduzieren. 

Vorkenntnisse

• Erfahrung mit Chrome Dev Tools
  
• Kenntnis eines Javascript-Frameworks wie z. B. Angular
  
• Kenntnisse in HTML und CSS

Lernziele

• Pitfalls vermeiden
  
• Anforderungen hinterfragen (braucht es z. B. eine Runtime Config?)
  
• Wissen, wie das Bootstrapping einer klassischen HTML-Seite mit z. B. Angular funktioniert
  
• Wichtigkeit von UX erkennen
  
• CSS-Tricks kennen, die viel bewirken können, wenn etwa Backend-Response-Zeiten nicht weiter reduziert werden können
  
• Awareness für Google Core Web Vitals
  
• Performance Measurement mit Lighthouse
  
• HTML Fundamentals, wenn man von einem High-Level-Framework kommt