Vielen großen Unternehmen ist längst klar, dass die Web Performance ihrer Seite einen starken Einfluss auf ihren Umsatz haben kann. Die Arbeit daran ist dort zu einer festen Unternehmenskultur geworden.
In diesem Jahr wird Page Experience zu einem Kriterium für die Rankingplätze bei der Google-Suche, was die Bedeutung einer guten Web Performance für Unternehmenserfolge weiter steigen lässt.
Aber was ist Web Performance eigentlich genau und wie misst man die Geschwindigkeit einer Seite? Welche Möglichkeiten gibt es, Seiten zu beschleunigen? Wie lassen sich Zusammenhänge von Web Performance und Geschäftswerten wie Conversions und Bounce Rate darstellen?
Feedback teilen
Dir hat der Vortrag gefallen? Ich freue mich, wenn du dein Feedback teilst und dich für meinen Newsletter anmeldest.
Weiterführende Inhalte
Time & User Impact
| Time | User Impact |
|---|
| 0 - 16ms | Nutzer nehmen eine Aktion oder Animation reibungslos wahr | Dieser Text wird erst nach 16 Millisekunden angezeigt. |
| 0 – 100 ms | In diesem Bereich hat der Nutzer das Gefühl, dass die Reaktionen auf seine Aktionen sofort erfolgen. | Dieser Text wird erst nach 100 Millisekunden angezeigt. |
| 100 – 300 ms | Nutzer erleben eine kleine wahrnehmbare Verzögerung. | Dieser Text wird erst nach 300 Millisekunden angezeigt. |
| 300 - 1000 ms | Aktionen fühlen sich langsam an und der Nutzer erkennt, dass etwas getan werden muss (Seitenladen usw.) | Dieser Text wird erst nach 1000 Millisekunden angezeigt. |
| 1000 ms - + | Nutzer werden wahrscheinlich einen mentalen Kontextwechsel haben. | Dieser Text wird erst nach 2000 Millisekunden angezeigt. |
| 10 s - + | Nutzer verlassen den Kontext. | Dieser Text wird erst nach 10000 Millisekunden angezeigt. |
Motivation
- Conversions / Zielvorhaben
- Umsatzsteigerung
- Spenden sammeln
- Inhalte and Nutzer ausliefern
- Nutzerbindung
- SEO / Google Ranking
- Absprungrate verbessern
- Digital nachhaltiger sein
- Mehr Nutzer-Engagement bilden
Case Studies
Sechs Säulen der Web Performance
Measuring / Messen
Web-Performance hat viele Themen, die es wert sind erwähnt zu werden. Die erste Säule ist das Messen. Das Messen ist die Grundlage für die Optimierung und Überwachung der Web-Performance.Tools
Mit den beiden folgenden Tools könnt ihr eure Webseiten sofort und kostenfrei testen.
Weiterführende Links
Web Performance & Business Value
Die Zuordnung von Geschäfts- und Leistungskennzahlen setzt voraus, dass beide zusammen gemessen werden. Die meisten meiner Kunden messen bereits Geschäftskennzahlen. Das Hinzufügen von Web Performance Metriken ist oft die erste Aufgabe.Weiterführende Links
Long Tail of Web Performance
Der Long Tail der Web-Performance ist eine weitere Säule. Es ist immer mehr ein Schwerpunkt in der Arbeit mit Kunden. Der Long-Tail verbirgt eine viele Möglichkeiten zur Optimierung.Es ist verlockend, diese langsameren Erfahrungen zu ignorieren. Der Long Tail ist aber keine Untergruppe von Benutzern. Wir befinden uns im Long Tail, wenn unsere Geräte unter einem schwachen Akku oder einer langsamen Verbindung leiden. Die Konzentration auf den Long Tail stellt sicher, dass alle Besucher der Website ein gutes und nutzbares Erlebnis erhalten. Deine Nutzer werden es dir danken und du wirst es in deinem Umsatz sehen.Weiterführende Links
Third Party Party
Skripte von Drittanbietern sind eine gängige Methode, um unseren Websites zusätzliche Funktionen hinzuzufügen. A/B-Tests, Analysen, Tag-Manager, Social-Media-Buttons oder Anzeigen. Diese Skripte können einen massiven Einfluss auf unsere Seitenladeleistung haben.Weiterführende Links
Wettbewerber-Benchmark
Der Wettbewerber-Benchmark ist die nächste Säule. Benutzer spüren den Unterschied der Geschwindigkeit zwischen zwei Webseiten. Manchmal unbewusst und manchmal bewusst, aber es beeinflusst ihre Entscheidungen auf der Seite. Wenn du möchtest, dass Benutzer denken, dass deine Website schneller ist als die Website deines Mitbewerbers, musst du mindestens 20 % schneller sein.Leistungen
Web Performance
Berichte, Beratung & Entwicklung
Web Performance ist für jedes Online-Geschäft von entscheidender Bedeutung. Es hat einen hohen Einfluss auf den Umsatz, hilft, Benutzer auf der Website zu halten, spart Serverkosten und leistet einen nachhaltigen Beitrag zum Umweltschutz.
Wie schnell ist schnell genug? Das ist wichtig zu wissen. Wie stark wirken sich 100 Millisekunden auf deine Zielvorhaben oder Einnahmen aus? Wie überwachen wir deine Webseite und verhindern Regressionen? Lass uns gemeinsam die aussagekräftigen Messdaten, das beste Monitoring und die Verantwortlichkeit für Probleme erarbeiten. Wir schaffen eine Performance Kultur in deinem Unternehmen.
- Core Web Vitals
- Detaillierter Analysebericht
- Performance Backlog
- Wettbewerbsanalyse
Mehr
- Kultur
- Performance-Team Setup
- Monitoring
- Auswirkungen auf die Geschäftszahlen
- Implementierung
Nachhaltigkeit im Web
Berichte, Beratung & Entwicklung
Wie ökologisch nachhaltig ist eine Seite? Warum ist das wichtig und wie kann eine Seite kostengünstig nachhaltig programmiert werden? Digitale Technologien sind aktuell bereits für 4 % der globalen Treibhausgasemissionen verantwortlich und unsere Webseiten werden immer größer. Dies gilt es zu ändern.
Eine nachhaltige Seite spart Serverkosten und leistet einen Beitrag zum Umweltschutz. Das ist auch ganz ohne Einschränkungen möglich. Wir haben dabei eine gesellschaftliche Verantwortung unseren digitalen Fußabdruck so niedrig wie möglich zu halten. Darüber hinaus sind nachhaltige Webseiten aber auch effizienter und kurbeln somit das Online-Geschäft an.
- Nachhaltigkeitsbericht
- CO2-Auswirkungen
- Klimapositive Strategie
- Monitoring
Mehr
Workshops
Dein Unternehmen steht vor einer erheblichen Migration und du benötigst Hilfe? Suchst du eine Schulungsmöglichkeit für dein Entwicklungsteam? Ich biete Remote- und Vor-Ort-Workshops für Entwickler und Entwicklungsteams zu den Themen Web Performance, Accessibility und JavaScript an.
- Web Performance
- Nachhaltigkeit im Web
Webentwicklung
Ich bin ein Frontend-Architekt mit mehr als einem Jahrzehnt Erfahrung. Du kannst mich für jedes Webentwicklungsprojekt einstellen. Ich arbeite mit VanillaJS, ReactJs, Angular, Test-Frameworks, Echtzeit-Bibliotheken, Frontend-Build-Tools, Webservern, serverloser Programmierung, Rust und vielem mehr.
- Frontend Architect
- JavaScript
- ReactJs/Angular
- SAAS/APIs
Mehr
Unverbindliche Anfrage
Ich freue mich auf ein direktes Gespräch, Rückfragen oder einen fachlichen Austausch.