As we design our blog for a long time, tweaking and making changes to make it better we may accumulate overlapping styling sheets. Designing our websites includes adding widgets and scripts most specially css/styling codes, while increasing the codes inside our blog it may compromise the loading speed of our webpage, so lets now see how to avoid this by cleaning the unused codes inside our site.
Custom style sheets may become:
Used Twice, for instance, we may have put the blog background color twice and doesn’t noticed it.
Overlapped , i.e. many different values for one styling property, such as 2 different designs for the body background. on this scenario the browser will only shoose out one design, making the other useless.
Unused. You may have added a beautiful widget and added custom stylesheet for it. But then later decided to change it for a new one or delete it entirely. The style sheet for this widget still remains behind, no longer in use.
How to clean unused stylesheets?
More than just these redundant css may add to your host file size and loading time of your website it also affects how the site performs because of needing to process the extra styling codes.
A well known browser extension, tagged as Dust Me is used for just such a purpose. It searches your site pages, and lists all the overlapping and redundant styling sheet rules. Other browsers like Firefox and Opera users will need to add this plugin, and fortunately for its users, Google Chrome have is own built-in developer options in which you can use to clean redundant CSS.
Thank you very much. Ive been thinking about that lately when im coding my site. I ask myself if it slows down the loading of site. Later i learned that the last code overwrites the first code so when im coding i just insert it from the css which causes a duplicate. Thanks sir keep on sharing!