Messung und Verbesserung der Frontend-Performance durch Testautomatisierung

Viele Entwickler und Produktmanager sind besessen von den grünen Lighthouse Scores. Und das aus gutem Grund: Semantik, Zugänglichkeit und mobile Performance sind für eine reale Anwendung unerlässlich. Aber oft werden diese Messungen nur manuell und in unregelmäßigen Abständen durchgeführt. Woher weiß ein Entwicklerteam, ob sich eine Merge-Anfrage negativ auf die Leistung der Anwendung auswirkt? Indem es sie ständig manuell überwacht?

Mit automatisierten Performance-Tests lässt sich dies einfacher feststellen, indem man sich die Codeänderungen ansieht. In dieser Sitzung wird gezeigt, wie du Tools wie Lighthouse und Web Vitals in deiner CI einrichtest und Performance-Grenzwerte festlegst, um deine Frontend-Performance so hoch wie möglich zu halten.

Lernziele

Überblick über grundlegende

• Implementierung von cypress-audit für Lighthouse Scores
  
• Implementierung von cypress-web-vitals für Web Vitals