SplitCSS.com
Remove unused CSS from your pages
⚡SplitCSS now also can return the critical (above-the-fold) CSS with a single API call! Users can get the CSS for initial rendering of the page and load the rest of the necessary CSS asynchronously.
All the hassle of determining the above the fold CSS for every URL is behind the scenes and the developers no longer need to worry about it.
We have documented it here: https://splitcss.com/documentation#critical-css
I have just released the Laravel Package for the SplitCSS API.
My idea is that it will reduce the effort needed by developers to integrate the API in their projects.
Laravel was my first choice, because it's the most popular PHP framework at the moment, but of course a framework-agnostic version also comes to my mind.
Perhaps I will create similar packages for other popular technologies/frameworks.
If it's ridiculously easy to integrate the API, more developers might give it a try.
Let's see how the community will react to it. Maybe someone will have better ideas.
Here's a link to the Github Repo: https://github.com/splitcss/splitcss
I launched the product as a maker on Product Hunt. I am excited to hear what the community has to say.
And of course hoping to get more people interested. 🤞
Honestly I am expecting to receive a lot of criticism and I know that some people are not excited about the idea and that's okay.
But I also know that a huge portion of the web sites out there are not optimising their stylesheets.
It is really time to improve the situation.
Other people are the best idea validators.
To get some feedback about the idea, I have launched a landing page on https://splitcss.com
I would be happy to hear from others.
People can basically now sign up for early access.
For those who are interested how it actually works: it retrieves the web page, executes the JavaScript, scans the HTML & JS for CSS classes and returns only those that are necessary for the browser to render the page properly.
I was working on optimising speed for a website, and noticed Google's Page Speed Insights Tool reporting too much CSS on the page.
Sure I have used command-line tools that scan your source code for CSS selectors.
But it got me thinking: isn't it possible to do this ad-hoc, as a service?
With today's technology stack, I believe it is.
So this is how the idea was born.
Comment