Whatcss.info Website Review

most of the css you deliver to the client on each page load is useless. whatcss.info is a free, opensource css page load an*lyser and optimizer. brought to you by your friends at i❤️.ws emoji domains. whatcss.info automatically generates a minified version of the bare minimum css a user needs to begin interacting with your site. dramatically shrink wordpress, shopify, and bootstrap themes! decrease load time! optimize css delivery whatcss is essentially a wrapper of an instance of chrome running on a remote server. chrome devtools already captures css usage, but the browser lacks the ability to easily output and make sense of results. whatcss uses navigate to a site, and return which stylesheets are in use when the page is fully loaded. (domcontentloaded for the nerds.) whatcss.info takes those results from chrome, applies extra minification with clean-css armed with the minified bootcss -- often a tiny fraction of the size of your site's total css load, especially if you're using a wordpress or bootstrap theme -- it's trivial to just load the styles you need, defer the rest of the css until after the page renders. fully functional. with only 5% of the original css from the standard bootstrap 4 distribution needed to use the site, we just put the css good enough for a technology demo, maybe doesn't quite meet your actual needs. there's an example of how to do this in the next section, but an easy variation of this might be to inline the bootcss and defer the load of the rest of the css. this way, the page becomes immediately interactive, but the styles needed for additional exploration come this approach also alleviates the need to make any hard choices when it comes to cutting css, especially if you're just loading some random more sophisticated users might want to divide their css into two parts, the first, the bootcss, essential for displaying the site, and then the rest of the stuff. with both files on a cdn, the second can be safely deferred.. or even sub divided into tiny, chunked deferred