Differenza tra JavaScript Interno ed Esterno

A metà degli anni '90, gli sviluppatori di Netscape crearono un semplice linguaggio di scripting da usare come strumento per rendere i siti web più interattivi e coinvolgenti. Questo linguaggio sarebbe diventato noto come JavaScript. Molti utenti oggi non sanno che le funzionalità del client email o del social network da cui dipendono sono il risultato di migliaia di righe di programmazione JavaScript intelligente e complessa.

JavaScript Interno

Perché il codice JavaScript funzioni, deve essere incorporato nella posizione corretta in una particolare pagina web mentre questa viene caricata. Il codice JavaScript interno è codice posizionato ovunque all'interno della pagina web tra i tag HTML <script> e </script>. Molti sviluppatori web scelgono di posizionare il loro codice JavaScript prima del tag </body>.

JavaScript Esterno

Il codice JavaScript posizionato in un file separato dal codice HTML è chiamato JavaScript esterno. Il codice JavaScript esterno è scritto e usato nello stesso modo del JavaScript interno. Il file dovrebbe avere l'estensione ".js", sebbene praticamente qualsiasi altra estensione funzioni con i browser moderni. Una differenza importante: il codice esterno non deve essere posizionato tra i tag <script>, altrimenti il codice non funzionerà.

Il browser web deve sapere che deve caricare codice esterno. La pagina web deve avere i seguenti tag HTML che referenziano lo script:

<script src="URL"></script>

L'URL dice al server web dove localizzare e caricare il codice JavaScript.

Vantaggi del JavaScript Interno

Se il numero di righe di JavaScript è relativamente piccolo, una pagina web con JavaScript interno si carica più velocemente delle pagine che devono referenziare codice esterno. Questo perché, mentre il browser carica la pagina e incontra il riferimento al codice esterno, deve fare una richiesta separata al server web per recuperare il codice.

Vantaggi del JavaScript Esterno

Se lo stesso codice è usato su diverse pagine di un sito web, i file JavaScript esterni sono vantaggiosi. Devi solo includere un riferimento al codice esterno in quelle pagine che richiedono effettivamente quel codice. Se il codice JavaScript cambia, solo un file deve essere modificato; le modifiche sono istantaneamente disponibili per tutte le pagine che ne hanno bisogno. Memorizzare JavaScript in file esterni rende anche più facile la manutenzione dei siti web: le pagine sono meno ingombrate, e lo sviluppatore web ha meno righe di codice da esaminare per fare le modifiche necessarie. Meno righe di codice HTML possono anche aiutare gli spider dei motori di ricerca a indicizzare più accuratamente il tuo sito e trovare parole chiave importanti.

Infine, se un visitatore passa a un'altra pagina contenenti gli stessi riferimenti JavaScript esterni, la seconda pagina si caricherà più velocemente, perché il browser dell'utente avrà memorizzato nella cache o salvato localmente il file JavaScript.