If I have five separate published pages that link to each other, that have the same header and footer and some of the same html elements. is it better to have separate stylesheets for each, one stylesheet for all, or one for all of the common elements and then a separate additional one for each page’s unique elements?
I’m thinking of page loading in particular and how many server requests need to be made. Initially I tried to get it all into one css then realized some pages did not need most of the styling code. And then also began to suspect that as far as server requests, each time a nav link was clicked and a new page opened, all the css had to be reloaded again anyway (I think).
I used one of those page speed testers. All the pages loaded under something I read about max times. To my eye it’s all fast enough as is. What I did see was more server requests than I expected on a page without images. Also a lot of space it their pie chart was taken up by css.
Since I will be redoing everything as I learn more, I would like to do it correctly.
I was able to get html validation. Css did not validate because of some generated code for gradients, but it all displays OK.