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.
Speakers from Quintype, Publicis Sapient, Zivame and Miranj will share their experiences with implementing Critical CSS. See the Submissions and Schedule for details.
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 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
RP
Raghavendra Satish Peri
@artofvision
Optimizing a WordPress site for better load time & speed
Submitted Aug 31, 2021
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
In this talk I will be sharing my personal experience of how I optimized my Digital accessibility blog https.www.digitala11y.com using the free tools available.
Before the google new page experience came into existence, I evaluated both free & paid options that are available in the market. I will be sharing the following
WordPress plug-ins& themes evaluated
Evaluation of hosting providers
Content delivery networks
The website focuses on web accessibility, so I need to make sure none of the optimization techniques affect accessibility. When I implemented SOME OF THE TECHNIQUES I READ ON THE WEB, SCREEN READER WAS NOT ABLE TO SOME OF THE CONTENT THAT ARE DEPENDENT ON CSS & JS.
I also tried moving to Gatsby by using the WordPress as headless CMS. But the process seemed very technical & needs more time & expertise.
{{ gettext('Login to leave a comment') }}
{{ gettext('Post a comment…') }}{{ errorMsg }}
{{ gettext('No comments posted yet') }}