inclusione di file JavaScript. Non dovrei collegare in ?

Question

Sto guardando Douglas Crockfords " Teoria della DOM" e ha ricordato che la posizione dei miei tag script possono influenzare notevolmente il tempo di caricamento delle mie applicazioni. Inoltre, egli afferma che un tag script dovrebbe essere incluso come lontano verso la parte inferiore del corpo del documento il più possibile.

E 'questo preciso?

o

è il video fuori moda? (che ha effettivamente siti come una ragione per cui non ha lezione sul DOM prima).

Answer 1

Google condivide Crockford:

• Rimanda JavaScript carico
• E 'anche (uno dei) la ragione (s) per cui il tracker di Google Analytics devono essere posizionati nella parte inferiore.

Yahoo! così:

• Best practice per accelerare il sito (sezione "Script messo a fondo ")

E altri utenti sono d'accordo così:

• è "script Mettere in fondo" corretta?

Answer 2

I file incluso nell'intestazione vengono caricati prima che il resto della pagina inizia anche il caricamento. Si consiglia di caricare i file non essenziali come vicino al fondo della pagina il più possibile in modo che il resto della pagina può essere caricato in precedenza.

Ci sono alcune librerie JS (come LABjs) che è possibile caricare nell'intestazione, invece. Hanno poi consentono di caricare tutti i vostri beni altri JS in modo asincrono e fornire una richiamata in modo che il resto del codice può eseguire quando si sa che il vostro patrimonio JS sono stati caricati.

Answer 3

È inoltre possibile utilizzare http://labjs.com/ .

Come indicato nella pagina del progetto:

LABjs (Caricamento e blocco JavaScript) è un open-source (licenza MIT) progetto sostenuto da Getify Solutions. Lo scopo principale di LABjs deve essere per tutti gli usi, on-demand loader JavaScript, in grado di caricare qualsiasi risorsa JavaScript, da qualsiasi posizione, in qualsiasi pagina, in qualsiasi momento. Caricamento propri script con LABjs riduce risorsa blocco durante caricamento della pagina, che è un modo semplice ed efficace per ottimizzare le prestazioni del tuo sito.

LABjs per impostazione predefinita carica (ed eseguire) tutti gli script in parallelo veloce come il browser consentirà. Tuttavia, si può facilmente specificare quali script hanno dipendenze esecuzione dell'ordine e LABjs garantiranno il corretto ordine di esecuzione. Questo rende LABjs sicuro da utilizzare per qualsiasi risorsa JavaScript, se controlli / host o no, e se è autonomo o parte di un albero di dipendenza maggiore di risorse.

Utilizzando LABjs sostituirà tutta quella brutta "zuppa di tag" - che è tutti i tag che comunemente appare nella o alla fine della della pagina HTML. L'API è espressivo e concatenamento, che consente di specificare quali script a carico, e quando aspettare ( "blocco"), se necessario, per l'esecuzione prima di procedere con l'ulteriore esecuzione. L'API permette facilmente codice in linea di accoppiamento esecuzione (si pensi: tag in linea).

LABjs è ora il privilegio di beneficiare di collaborazione con Steve Souders, e mira ad essere la migliore soluzione per il singolo ottimizzata, flessibile, lo script generale di carico disponibile.

Answer 4

anch'io ho sentito che JavaScript deve essere incluso alla fine della pagina per "spera" garantire il DOM è stato caricato. Credo di aver letto questo nella documentazione Yahoo un po 'indietro.

Answer 5

Beh, è ??corretto. Se non si utilizza qualcosa come 'head.js', che si carichi JavaScript file in parallelo. Oh, e, alcuni script devono essere prima del contenuto. Ad esempio, lo script HTML5-Shiv.

http://headjs.com/