CSS and the First Meaningful Paint

Explore the intricacies of optimizing CSS loading for faster webpage rendering in this 38-minute conference talk from CSSconf EU 2017. Dive into the complex process of networking, parsing, and painting that browsers undergo before displaying content. Examine past and current best practices for CSS loading, including inlining critical content and utilizing HTTP/2 server push. Learn how to leverage modern web platform features to achieve a first meaningful paint within 1000ms. Discover the pros and cons of various optimization techniques, understand the challenges of font delivery, and gain insights into priority ordering. Investigate the potential of H2 Preload and Async Push, and get a glimpse into the future of CSS optimization. Walk away with practical strategies to create faster, more resilient web experiences for users.