Tenho códigos javascript de validação que se repetem por pelo menos duas páginas.
Exemplo: Um script que valida minha página de adicionar um certo recurso, também funciona para a página de editar este mesmo recurso.
Devido as requisições HTTP que a tag realiza atrás dos meus arquivos “.js”, qual a melhor opção?
Replicar os scripts de validação nas páginas.
Criar um arquivo .js para cada validação e replicar nas minhas páginas que irão utilizar este script.
Criar um arquivo .js unico com todas as validações de todas as páginas e colocar no meu header que é compartilhado por todas as páginas.
Prefiro sempre criar um arquvo de validação que será utilizado nas páginas.
Chamo ele através das tag no header da página.
Mesmo sendo uma requisição a mais, ainda acho que vale a pena separar e deixar o arquivo como externo. Quando você quiser alterar alguma coisa, você poderá mudar tudo em um lugar só.
em relação a requsição, você pode fazer o seguinte, compactar esse .js (existe muitos sites que fazem isso) para diminuir o tamanho do arquivo, mantém uma versão sem compactação(para você poder fazer alteração). Apesar de compactado ainda vai ter mais uma requisição né, mas já diminui o “peso” do arquivo que vai ser transferido.
Lembrando que .js fica no cache, ou seja, o navegador não “baixa” ele toda hora, só se tiver configurado para não manter no cache.