Deliver a practical and insightful session on optimizing web app performance, focusing on real-world techniques to enhance speed, availability, and user satisfaction. Explore topics such as caching, lazy loading, client-side rendering, and leveraging modern tools like Dynatrace and Chrome Lighthouse. Learn how to scale architectures, prevent thread blockers, and align with Core Web Vitals to deliver faster, more efficient web experiences.

When discussing web performance, particularly Core Web Vitals (CWV), image and JavaScript optimization often dominate the conversation.
However, an equally important yet sometimes overlooked aspect is web fonts.
As large files, web fonts can significantly impact performance, potentially delaying text rendering and affecting the user experience. Optimizing font loading is therefore a crucial element of a comprehensive performance strategy.
Additionally, typography is a cornerstone of effective design, branding, readability, and accessibility, with web fonts serving as the foundation for achieving these goals.
The following talk delves into the influence of web fonts on Core Web Vitals and explores strategies for optimizing their loading in React apps.

We often shine a light on backend performance, closely tracking every request, service, and infrastructure element, but the frontend often doesn’t receive the same level of attention.

In this session, we’ll dive into how monitoring the frontend with Core Web Vitals and synthetics can provide meaningful insights into user behavior and application health. Core Web Vitals serve as benchmarks for the user experience, measuring key aspects like page load speed, interactivity, and visual stability. Meanwhile, synthetics let us simulate user journeys to proactively identify issues before they affect real users. Together, these tools bring essential visibility to the frontend, enabling data-driven decisions that genuinely improve the user experience.

Discover how to implement the best Next.js SEO & Web Performance practices, patterns, and solutions, including Core Web Vitals basics and next.js special feature components.