Sep 2021
20 Mon
21 Tue
22 Wed
23 Thu
24 Fri 12:00 PM – 02:35 PM IST
25 Sat
26 Sun
Make a submission
Accepting submissions till 03 Sep 2021, 11:00 PM
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:
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.
Speakers from Quintype, Publicis Sapient, Zivame and Miranj will share their experiences with implementing Critical CSS. See the Submissions and Schedule for details.
Contact information: For inquiries about participating in the conference, post a comment at https://hasgeek.com/jsfoo/css-loading-and-critical-css/comments
For more updates, follow JSFoo on Twitter
Accepting submissions till 03 Sep 2021, 11:00 PM
Not accepting submissions
We are accepting experiential talks and written content on:
Content can be submitted in the form of:
Submissions will be peer-reviewed by the curator Prateek Bhatnagar.
Accepting submissions till 03 Sep 2021, 11:00 PM
SP
Sunil Pai Critical CSS extraction in css-in-js libraries: past, present, futureI 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
|
SK
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, more
|
RP
Raghavendra Satish Peri Optimizing a WordPress site for better load time & speedOptimizing 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
|
Critical CSS for CMS-based Server Rendered WebsitesA 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
|
s
skant ![]() Webvitals @ zivameHere 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
|
NS
Naresh Sharma Critical CSS | Prioritizing critical rendering path | What and how to manageUnderstanding 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
|
AS
Amogh Sahasrabhojanee Inlining CSS from react component library to improve web vitalsWe 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
|