Remove or refactor unused CSS

amitmerchant1990 / reverie

:art: A ridiculously elegant Jekyll theme.

https://reverie.pages.dev

MIT License

779 stars 683 forks source link

Remove or refactor unused CSS #6

Open pflenker opened 5 years ago

pflenker commented 5 years ago

The styles.scss contains a lot of CSS which is potentially unused in the theme - from carbon ads styling to what appears to be CSS for a timeline. I would greatly appreciate it if the CSS which is not needed for the theme would either be removed or put into a separate file or clearly commented, so I can safely remove it from my repository.

Thanks and keep up the good work!

douglasrizzo commented 3 years ago

Hi. I am not a very web-savvy developer, but I found this website https://unused-css.com/, gave it the URL to my personal website (which is based on Reverie) and got the following result.

Maybe there is a free tool that could help us clean the CSS file, since this one is paid.

It only analyzed my home page, so I guess there are more parts of the CSS that are relevant.

confor commented 2 years ago

I've made a fork which removes unused CSS and other things https://github.com/confor/reverie-light

Details on what has been removed can be found in the README.

Notable features:

removed carbon ads
removed unused css (including the aforementioned "timeline")
removed social network icons
removed embedded and google fonts
removed css keyframes for animations (not used anywhere)
removed disqus
removed google analytics
allow zoom in phones
specify utf8 charset