There’s a certain class of web designers and developers who insist on going about their web design exploits with more of a full-stack approach, justifiably so too because at the very least you want to maintain the level of technical skill and knowledge you have. It’s all good and well making use of the likes of WordPress as a CMS solution to facilitate rapid development, but those developers who pride themselves on their hard-coding, ground-up knowledge want to know that they can always go back to basics if it ever gets to a stage where the most popular CMS solutions providers decide to start charging for the technology which is currently deployed on the open source model.
In short – you’d get left behind because of how slow your production rate would be. So I think it goes without saying that you’d probably deploy the likes of Twitter’s Bootstrap and other frameworks which are built on a collection of libraries that cut out a whole lot of would-be long and tedious work.
Needless to say this has some performance implications, i.e. if you have a CSS style sheet which came as part of a framework library and it basically allows you to choose different header colours for example, each and every possible colour combination would be included in the CSS code. You can just imagine what that does to performance elements such as your site’s loading speed.
The simple removal of unused CSS can not only speed your site up by a significant amount of time, but it also contributes to the general direction in which the biggest search engines are focussing on in their ranking of sites, which is user experience.
Don’t let the ease with which removing CSS which goes unused through specialised online tools like UnusedCSS have you underestimate the need to do so though. Try to do it manually and you’ll just be giving yourself the amount of what will subsequently be deemed to be unnecessary work to do, but when the un-deployed CSS is actually removed then you see a noticeable difference.