Submissions
CSS loading and Critical CSS

CSS loading and Critical CSS

Solving for CSS loading optimizations

We are accepting experiential talks and written content on: What kind of tech stack/what libraries are allowing Critical CSS inlining as of today? What does it take to get a Critical CSS set-up up and running without completely switching any existing CSS tech stacks? expand

We are accepting experiential talks and written content on:

  1. What kind of tech stack/what libraries are allowing Critical CSS inlining as of today?
  2. What does it take to get a Critical CSS set-up up and running without completely switching any existing CSS tech stacks?
  3. For devs already doing this - is the Critical CSS inlined on build time or at serve time?
    • Subsequently, does the CSS inlining also work for SSR pages?
  4. Given that analyzing the page and the CSS can be a time-consuming operation, are there any performance improvement techniques that you have worked on?
  5. What is the kind of impact Critical CSS has shown in your project - FCP/LCP/Web Vitals?
  6. Critical CSS computing techniques/lazy loading techniques and/or tools which provide these out of the box.
  7. Scale - how large codebases do this on serve time for pages that are SSRed on response time.

Content can be submitted in the form of:

  1. 15 minute talks
  2. 30 minute talks
  3. 1,000 word written articles

Submissions will be peer-reviewed by the curator Prateek Bhatnagar.

Make a submission

Submissions are closed for this project

Sunil Pai

Critical CSS extraction in css-in-js libraries: past, present, future

I made glamor, a popular css-in-js library, in 2016, and pioneered modern critical css extraction techniques for css-in-js libraries. This talk goes into that journey; how it works, how it influenced other libraries and the ecosystem, the implications and benefits of the approach, and finally some ideas on what the future of critical css and static assets might look like. more
  • 0 comments
  • Confirmed
  • 27 Aug 2021

Sourabh Kumar

Critical CSS - The What, Why & How?

Before getting to the fulfilment of any subject, it is important to understand the requirement that led to its inception. So this talk will dwell on the fundamentals of, - CSSOM, - Render-blocking resources - Page performance measurement metrics - Key improvement areas for overall and perceived performance - CSS extraction techniques for better speed and UX, - Frameworks/libraries implementing th… more
  • 6 comments
  • Confirmed & scheduled
  • 31 Aug 2021

Raghavendra Satish Peri

Optimizing a WordPress site for better load time & speed

Optimizing a website is crucial for better SEO & Sales. But will small businesses & self-hosted blogs will be able to catch-up with this changing technology. Can we adopt some of the requirements without spending a lot of money or learning lot of tech stuff? Optimizing a WordPress site for better load time & speed more
  • 1 comments
  • Under evaluation
  • 31 Aug 2021
Prateek Rungta

Prateek Rungta

Critical CSS for CMS-based Server Rendered Websites

A super fast website often involves inlining your critical CSS while lazy loading the non-critical CSS. You understand what that means, but you’ve got a CMS-based website with many templates and hundreds or more (server rendered) pages but no simple switch or plugin to “Turn on Critical CSS”. This talk will show you how to marry Critical CSS with a site like yours to produce webpages that load qu… more
  • 2 comments
  • Confirmed & scheduled
  • 02 Sep 2021

skant

Webvitals @ zivame

Here we discuss how we manage pagespeed score at zivame.com. With page experienc becoming important parameter for search ranking the tech is on its toe to improve it page performance. It has been a challenge industry wide to improve CLS score and make page perform faster. Here we look at things we did inorder to handle this change. more
  • 2 comments
  • Confirmed & scheduled
  • 03 Sep 2021

Naresh Sharma

Critical CSS | Prioritizing critical rendering path | What and how to manage

Understanding of what critical CSS is, why it is important and how to manage it. This session will cover core web vitals impacted because of render blocking CSS. We will deep dive in the process of finding bottlenecks in performance metrics along with right tooling to measure benefit of critical CSS implementation to improve core web vitals. more
  • 2 comments
  • Confirmed & scheduled
  • 03 Sep 2021

Amogh Sahasrabhojanee

Inlining CSS from react component library to improve web vitals

We at Quintype have built a react framework which does isomorphic rendering. We also have a component library called Arrow which provides pre-styled customizable react components. For example some rows from here are being used here. more
  • 5 comments
  • Confirmed & scheduled
  • 20 Aug 2021
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