Meetups WebPerf.cz

Das Ziel von PageSpeed.ONE ist es, Webseiten für Nutzer zu beschleunigen. Wir erreichen dies durch Geschwindigkeitsberatung und unser Monitoring-Tool.

Natürlich wissen wir, dass wir beim Beschleunigen nicht allein sein können. Deshalb haben wir die WebPerf.cz-Community gegründet und in diesem Jahr bereits zwei Meetups organisiert, eines in Prag und eines in Bratislava.

Werfen wir gemeinsam einen Blick auf die Zusammenfassung dieser gelungenen Veranstaltungen.

WebPerf.cz #1
(Prag, Alma Career, 21.3.2024)#

Beim ersten Meetup von Fans schneller Webseiten füllten wir die Alma Career in Prag.

Worüber wurde in Prag gesprochen?

Webperf-Neuigkeiten (Michal Matuška)#

• Die neue Metrik INP ersetzt FID.
• Performance Inequality Gap.
• Long Animation Frames API (LoAF).

Optimierung von Webfonts (Aleš Roubíček)#

• Verwenden Sie die Eigenschaft font-display.
• Vergessen Sie nicht das Fallback zu lokalen Schriften.
• Die Eigenschaft unicode-range ermöglicht das Filtern von spezifischen Zeichen.
• Variable Fonts sind effizient in Bezug auf Datenvolumen.
• Führen Sie Subsetting durch, um die Schriftgröße zu begrenzen.
• Verwenden Sie moderne Stacks, die auf Systemschriften basieren.

Performance-Kultur (Martin Michálek)#

• Performance-Kultur = Die Art und Weise, wie ein Unternehmen organisiert ist, um schnellere Websites zu erreichen.
• Wer ist verantwortlich für langsame Webseiten? Meist das Management.
• Wo stehen Sie im Web Performance Maturity Model?
• Was ist am wichtigsten? Geschwindigkeit sollte als Projekt geleitet werden und sowohl finanzielle als auch zeitliche Ressourcen erhalten.
• Welche Argumente funktionieren? Der Einfluss von Geschwindigkeit auf Konversionen.

Performance-Kultur (Panel-Diskussion)#

• Martin Michálek (PageSpeed.ONE)
• Libor Vaněk (CDN77)
• Martin Kocourek (Sazka.cz)

Schauen Sie sich die Playlist der gesamten Veranstaltung an.

WebPerf.cz #2
(Bratislava, ESET, 22.5.2024)#

Das zweite Meetup der Fans schneller Webseiten fand in den schönen Räumlichkeiten von ESET in Bratislava statt:

Fixing Developer Experience: Vite und Performance-Optimierung (Milan Holeš)#

• Geschwindigkeit kann auch die Kompilierungsgeschwindigkeit beim Entwickler betreffen.
• Vite.js ist sehr schnell, warum ist es manchmal langsam?
• Wie kann die Geschwindigkeit verbessert werden?
• Vorsicht vor „Barrel Files“.

Hydration von React-Anwendungen: Der Schlüssel zur Optimierung von INP (Michal Matuška)#

• Was ist die Metrik INP und wie wird sie gemessen?
• Wie funktioniert die Hydration in React? Render/Commit-Phase.
• Komponenten + HTML + Daten = Hydration.
• Wie beeinflusst Hydration INP?
• Wie optimieren? Vorsicht bei großem DOM, Lazy Loading, React.lazy(), konkurrierendes Rendering, Suspense.

Wie Web-Performance die Ergebnisse von Online-Kampagnen verbessert (Vladimír Cintula)#

• Ein paar Millisekunden können das UX beeinflussen.
• Höhere Geschwindigkeit = niedrigere Kosten pro Klick im PPC.
• Ad Rank = CPC-Gebot * Qualitätsfaktor (Geschwindigkeit ist Teil davon).
• Riešenia hat 25 ihrer E-Commerce-Projekte gemessen.
• Mit jeder Sekunde Verzögerung beim Laden steigt die Absprungrate um 3,61 %.
• Mit jeder Sekunde Verzögerung beim Laden verschlechtert sich die Konversionsrate um 0,4 %.

Web-Performance und SEO (Tomáš Ďurovič)#

• Was sind die wesentlichen Geschwindigkeitsmetriken für SEO?
• John Mueller von Google sagt, dass grüne Metriken maximalen Boost bieten, orange nach Wert und rote keinen Boost.
• Geschwindigkeit ist sicherlich nicht einer der Top-Ranking-Faktoren.
• Wichtig für SEO ist auch die Server-Antwortzeit-Metrik, TTFB.
• Geschwindigkeit kann sich auch auf die Markenwahrnehmung oder die Rückkehrbereitschaft (Dwell Time) auswirken.
• Wichtige Inhalte müssen immer im Quellcode verfügbar sein. Suchmaschinen-Bots klicken nicht, scrollen nicht.
• Megamenüs sind wichtig für die interne Verlinkung.
• Es ist wichtig, dass Bilder indexiert sind, also keine Links zu ihnen über JS einfügen.

Zwei Meetups und so viel Wissen! Und zudem... so viele interessante Gespräche beim Networking.

Wir sind froh, bei der Entstehung dieser neuen Community dabei gewesen zu sein.

Was kommt als Nächstes?#

• Im Herbst planen wir ein weiteres Meetup in Prag.
• Möchten Sie als Erster von unseren Veranstaltungen erfahren? Folgen Sie uns auf Meetup.com.
• Alle Videos von zukünftigen Veranstaltungen werden auf unserem YouTube-Kanal erscheinen.
• Die Community hat auch ihren eigenen entstehenden Slack.

Tags:PageSpeed.ONE