Tudo é questão de rapidez e economia de recursos.
Colocar todo o código dentro da página é inviável, pois as repetições de scripts e folhas de estilo em todas as páginas geram um fluxo muito grande e desnecessário de dados.
Para dar uma noção, vamos supor que seu CSS/JS tenha no total 100kb. Se você colocar todo o código dentro da página, mil acessos vão gerar um total de 98mb transferidos, um desperdício de bytes.
Ao colocar o CSS e o JS em arquivos externos, eles são baixados apenas no primeiro acesso.
Este foi um dos principais argumentos do movimento tableless, ao advogar que o uso de CSS também traria mais rapidez e economia de recursos além do ganho estético.
Como regra geral, faça seu PHP gerar códigos que forem utilizados apenas naquela página e/ou que dependam das preferências do usuário. Se seu sistema permite ao usuário mudar a cor de um elemento, não tem problema gerar o CSS dentro da página.
De forma oposta, exagerar na dose e espalhar seu código em muitos arquivos de script diferentes vai aumentar o número de requisições GET, o que além de deixar o site mais lento, também sai mais caro (serviços como o Amazon S3 cobram pelo número de GETs).
Então, o ideal é:
- deixar seus scripts e folhas de estilo fora do HTML;
- combinar os arquivos JS e CSS antes de passar do desenvolvimento para a produção.
.php
ou usando os arquivos no mesmo servidor?