Extract Page Specific CSS Files
Currently we are serving one main CSS File which is importing all the CSS files which are completely page specific. Lets identify those that are very obvious and worth splitting out in seperate CSS Files.
For example (file sizes are uncompressed, more files can be found in
app/assets/stylesheets/pages/xterm.scss- 21KB which are only loaded on 2 different pages
app/assets/stylesheets/pages/repo.scss- 21KB for one specific page
- We are including all different code themes.
- Check the linkage of our Print CSS
- Check if the styles are only used on a reasonable number of pages to split it out (it doesn't make sense to refactor for days for a save of 2 KB)
- Create own CSS bundle