Juan R Labrada

Note Details
OVERLINE
How to removed unused CSS

UI Frameworks like bootstrap, material design, tailwindcss come with a lot of CSS helper classes to enable you with flexibility in the design of which you end up using only a small fraction. At the time of creating the production file you end up with big files that slow down your pages loading and degrade the user experience.
Getting rid of all css classes that are not used is a simple way to optimize your pages performance.

There are tools that help reduce your file sizes. Two example of this are PurifyCSS and PurgeCSS
https://github.com/purifycss/purifycss
https://purgecss.com/#sponsors-🥰

Rate this note
Comment
Comments
Back to Notes