CSS loading and Critical CSS

CSS loading and Critical CSS

Solving for CSS loading optimizations

Make a submission

Submissions are closed for this project

Tickets

Loading…

About the conference

CSS loading optimizations like Critical CSS are often one of the main tools to optimise for the first meaningful paint metric. This directly impacts the user experience as it lets the browser paint pixels on the screen with minimum data possible.

There are multiple parts to this problem such as:
- Detecting what all markup and CSS to load.
- How to lazy load the rest of the stylsheets.
- What strategy to use to evaluate critical CSS.
- How to do this without impacting time to first byte.

This conference is curated by Prateek Bhatnagar, frontend architect at Uber. Previously, Prateek was senior software engineer (frontend), collaborating with NextJS to help push the bar of performance on web using wrapper frameworks.

Speaker participation

Submit a talk if you have:
- Worked on load time optimizations related to paint times, both First Meaningful Paint (FMP) and Largest Contentful Paint (LCP).
- Evaluated/used critical CSS computing techniques/lazy loading techniques and/or tools which provide these out of the box.
- Worked on Scale - large codebases do this on serve time for pages that are SSR-ed on response time.

Key takeaways from this conference

  • Evaluate a variety of options for improving important web vitals.
  • Knowledge about tools and frameworks which are providing these optimizations out of the box.
  • Awareness about popular techniques around dead code elimination.

Contact information: For inquiries about speaking, post a comment at https://hasgeek.com/jsfoo/css-loading-and-critical-css/comments
For more updates, follow JSFoo on Twitter

Hosted by

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more

About the conference

CSS loading optimizations like Critical CSS are often one of the main tools to optimise for the first meaningful paint metric. This directly impacts the user experience as it lets the browser paint pixels on the screen with minimum data possible.

There are multiple parts to this problem such as:
- Detecting what all markup and CSS to load.
- How to lazy load the rest of the stylsheets.
- What strategy to use to evaluate critical CSS.
- How to do this without impacting time to first byte.

This conference is curated by Prateek Bhatnagar, frontend architect at Uber. Previously, Prateek was senior software engineer (frontend), collaborating with NextJS to help push the bar of performance on web using wrapper frameworks.

Speaker participation

Submit a talk if you have:
- Worked on load time optimizations related to paint times, both First Meaningful Paint (FMP) and Largest Contentful Paint (LCP).
- Evaluated/used critical CSS computing techniques/lazy loading techniques and/or tools which provide these out of the box.
- Worked on Scale - large codebases do this on serve time for pages that are SSR-ed on response time.

Key takeaways from this conference

  • Evaluate a variety of options for improving important web vitals.
  • Knowledge about tools and frameworks which are providing these optimizations out of the box.
  • Awareness about popular techniques around dead code elimination.

Contact information: For inquiries about speaking, post a comment at https://hasgeek.com/jsfoo/css-loading-and-critical-css/comments
For more updates, follow JSFoo on Twitter

Make a submission

Submissions are closed for this project

Hosted by

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more