One massive CSS - or lots of little ones?

css, html

Solution

Well, if you split those 3k lines into multiple files the overall rendering time won't decrease because

- All 3000 lines will still need to be parsed

- Multiple requests are needed to get the CSS files which slows down the whole issue on another level

Problem

Simple question hopefully. We have a style sheet that is over 3000 lines long and there is a noticeable lag when the page is rendering as a result. Here's the question: Is it better to have one massive style sheet that covers everything, or lots of little style sheets that cover different parts of the page? (eg one for layout, one for maybe the drop down menu, one for colours etc?) This is for performance only, not really 'which is easier'

Original source