Differenza tra Javascript interni ed esterni

A metà degli anni '90, gli sviluppatori di Netscape hanno creato un semplice linguaggio di scripting da utilizzare come strumento per rendere i siti Web più interattivi e coinvolgenti. Questo linguaggio sarebbe stato infine conosciuto come Javascript. Molti utenti oggi non sono consapevoli del fatto che le funzionalità del client di posta elettronica o del sito Web di social network da cui dipendono sono il risultato di migliaia di linee di programmazione Javascript intelligente e complessa.

Javascript interno

Affinché il codice Javascript faccia la sua magia, deve in qualche modo essere incorporato nella posizione corretta su una particolare pagina Web mentre la pagina viene caricata. Il codice Javascript interno è un codice posizionato ovunque all'interno della pagina Web tra i tag HTML. Molti sviluppatori web scelgono di inserire il proprio codice Javascript prima del tag.

Javascript esterno

Il codice Javascript inserito in un file separato dal codice HTML è chiamato Javascript esterno. Il codice Javascript esterno viene scritto e utilizzato allo 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 inserito tra i tag, 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 fanno riferimento allo script:

L'URL indica al server web dove individuare e caricare il codice Javascript.

Vantaggi di 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 fare riferimento a codice esterno. Questo perché, poiché il browser web carica la pagina e incontra il riferimento al codice esterno, deve fare una richiesta separata al server web per recuperare il codice.

Vantaggi di Javascript esterno

Se viene utilizzato codice identico su più pagine di un sito Web, i file Javascript esterni sono utili. Devi solo includere un riferimento al codice esterno in quelle pagine che effettivamente richiedono quel codice. Se il codice Javascript cambia, è necessario modificare un solo file; le modifiche sono immediatamente disponibili per tutte le pagine che necessitano del codice. La memorizzazione di Javascript in file esterni semplifica anche la manutenzione dei siti Web:le pagine sono meno ingombranti e lo sviluppatore Web ha meno righe di codice da sfogliare per apportare 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 si sposta su un'altra pagina contenente gli stessi riferimenti Javascript esterni, la seconda pagina verrà caricata più velocemente, perché il browser dell'utente avrà memorizzato nella cache o memorizzato il file Javascript in locale.