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

Speaker

 

Ramona Schwering
Ramona Schwering ist Developer Advocate bei Auth0, mit einem Fokus auf Softwaretechnik und Qualitätssicherung. Sie überbrückt die Kluft zwischen Testern und Entwicklern und fördert das Vertrauen in Identitätsthemen. Ramona ist außerdem Google Developer Expert in Webtechnologien und eine Women Techmaker und Cypress Ambassador.

enterJS-Newsletter

Du möchtest über die enterJS
auf dem Laufenden gehalten werden?

 

Anmelden