Generate Critical CSS
SurgeCSS generates critical CSS for your website. Currently in private beta.
What is Critical CSS?
Your website has a bunch of CSS styles to support a wide variety of content, but none of the styles are used on every single page. This means that when someone visits your site their browser has to download a bunch of CSS that isn't used on the homepage just to see the page.Critical CSS is just the CSS that is used on your page in the initial view.
Why Does Critical CSS Matter?
All that extra CSS can make your pages load slower which can drive users away to competitors and result in a worse score on performance monitoring tools which can negatively affect ranking on some search engines.After you have integrated Critical CSS on your site, you can defer the main CSS load so that site visitors (and performance monitoring tools) get just the CSS necessary to show
the top of the page. This leads to a faster experience and a better performance score.
I just implemented critical CSS from SurgeCSS by @bookwyrm on my @FusioncastFM website and it's 💯! Great way to help improve site performance.- @mariordev
How does it work?
We use an industry-standard open source library (critical) with a few tweaks of our own to scan your webpage and figure out just what the critical CSS is. Then give the CSS block to you to implement on your site.What happens when your design or content changes? Just generate the critical CSS again (one of our tweaks is the ability to prevent full and critical CSS from doubling up and causing your critical CSS to bloat).
Why the name SurgeCSS?
We like to think of critical CSS as a way to surge the relevant CSS ahead of all of those other styles that aren't used on the page.
Why a Private Beta?
There is a huge variety in web sites and styling in use online. We want to start slowly and get feedback on both our interface and the generated critical CSS. The best way to do that is to limit the number of users so that we can personally walk them through the process and get their input on both the process and the CSS itself.
© 2021 SurgeCSS. A Red Madrone Solutions product.
Try it out!
Sign up to our mailing list and we’ll be in touch to learn more about your web project and how critical CSS from SurgeCSS can help.
You’re all set
Thanks for signing up!