Melhor Prática: include (ou
Outras dicas
É melhor a maioria das vezes para incluir arquivos JavaScript e CSS, porque dessa forma o navegador é capaz de armazenar em cache o arquivo javascript / css. Dessa forma, o arquivo só é carregado uma vez no navegador, mesmo se você incluir o arquivo em várias outras páginas.
Mas isso só é verdade se você definir um apropriado expira e ou cabeçalho / cache-control para arquivos JavaScript e CSS via php ou mod_expires Apache.
Com base na recommondation pelo desempenho excepcional Yahoo há apenas uma exceção:
A única exceção onde inlining é preferível é com home pages, como Yahoo! 'S página e My Yahoo !. home pages que têm poucos (talvez única) exibição de página por sessão pode achar que inlining JavaScript e CSS resultados em tempos de resposta do usuário final mais rápidos.
Eu agarraria sugiro que você experimente o addon "YSlow para Firebug". Ele responde a um monte de perguntas sobre cache e navegador / -Desempenho cliente.
Veja também:
Lembre-se que o navegador pode baixar em dois a maioria dos arquivos em paralelo do mesmo domínio (que é o padrão nos navegadores modernos - eu sou certo sobre IE6 e IE7, não tenho certeza sobre outros). Isto significa que se as suas referências página 20 minúsculos arquivos javascript, muitos vão ter baixado sequencialmente.
Para acrescentar ao que já foi dito: lembre-se que se você combinar / minify seus arquivos javascript, é melhor para fundi-los todos em um - a compressão vai funcionar melhor. Além disso, mesmo se você não apoucar seus arquivos, lembre-se de ligar GZIP em sua configuração do servidor web; então, se você combinar todos os seus arquivos JS em um e incluir esse arquivo como, a compressão GZIP irá funcionar melhor (porque comprimir dois JS arquivos juntos produz melhores resultados do que comprimir cada um separadamente).
Se você está procurando uma boa utilidade minification JS, tente JS Packer ( http: // reitor. edwards.name/packer/ )
