Você obterá um melhor desempenho com arquivos JavaScript e CSS separados, pois eles não mudam com frequência e, portanto, podem ser armazenados em cache de forma mais agressiva, enquanto o HTML é geralmente dinâmico e não pode ser armazenado em cache. Se você inline seu JavaScript e CSS, você não poderá armazená-los em cache, o que significa mais dados para download e maior tempo de geração de páginas. Você provavelmente quer fazer o seguinte para esses arquivos separados:
- Concatene CSS e JS em um único arquivo cada
- Minimize o conteúdo
- Ativar compactação gzip ao veicular os arquivos
- Verifique se
Etag
eLast-Modified
cabeçalhos estão definidos e se o servidor honraIf-Modified-Since
eIf-Not-Match
- Defina um cabeçalho
Expires
em algum momento no futuro