Em questão de performance e manutenibilidade seria interessante ter 2 arquivos de css
na página, um para o conteúdo que aparece antes da dobra e outro para o conteúdo que aparece após a dobra?
Tipo:
<link href="above.css"> (20kb)
--------------------------------
<link href="below.css"> (200kb)
Como as requisições são de forma linear a renderização da parte superior seria mais rápida correto? O usuário veria a página sendo montada mais rapidamente acredito, mas como fica o carregamento do segundo .css
. Quando começar o carregamento do below.css
por exemplo ele pode interferir nas imagens que serão carregadas na parte superior da dobra? Ou será montado primeiro 100% da parte superior e só depois começa o carregamento da parte inferior?
Já que serão feitas duas requisições eu posso perder performance ou seria completamente irrelevante?
Ou seria melhor minificar tudo em uma folha de estilo só style.css
(above.css + below.css) e pronto?