programming:js-loading-techniques

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision		 Previous revision
Next revisionBoth sides next revision
programming:js-loading-techniques [2014/08/11 15:58] – Giuseppe Di Terlizziprogramming:js-loading-techniques [2014/08/11 16:09] – [Sezione Head] Giuseppe Di Terlizzi
Line 1: Line 1:
 ====== Javascript: Come posizionare e caricare i nostri script al meglio ====== ====== Javascript: Come posizionare e caricare i nostri script al meglio ======
  
-Questa piccola guida descrive diversi metodi di caricamento degli script JavaScript nelle nostre pagine HTML.+{{http://upload.wikimedia.org/wikipedia/commons/6/6a/JavaScript-logo.png?50 }} Questa piccola guida descrive i pro e contro della posizione dei nostri script JS all'interno della pagina e diversi metodi di caricamento.
  
 ===== Dove posizionare lo script ===== ===== Dove posizionare lo script =====
Line 36: Line 36:
 </code> </code>
  
-In questo modo il browser non attende il dowload di tutta la pagina HTML da parte del webserver per iniziare il caricamento degli script e stili css, ma riceve per primo tutta la sezione ''<head>''.+In questo modo il browser non attende il dowload di tutta la pagina HTML da parte del webserver per iniziare il caricamento degli script e stili css, ma riceve per primo tutta la sezione ''<head>'' e poi tutto il resto della pagina.
 </div> </div>
  
Line 78: Line 78:
 Questo medoto è andato in disuso ma nel caso eccolo qui: Questo medoto è andato in disuso ma nel caso eccolo qui:
  
-<code html>+<code javascript>
 <script> <script>
     document.write('<script src="', 'http://example.org/js/script.js', '" type="text/JavaScript"><\/script>');     document.write('<script src="', 'http://example.org/js/script.js', '" type="text/JavaScript"><\/script>');
Line 95: Line 95:
 </code> </code>
  
-Come potete vedere lo script è molto semplice, si crea un elemento ''script'' e lo si appende al tag ''head''.+Come potete vedere lo script è molto semplice, si crea un elemento ''script'' e lo si appende all'elemento ''head''.
  
 Una soluzione molto elegante è utilizzare una variante allo script //isogram// utilizzato da **Google Analytics**. Una soluzione molto elegante è utilizzare una variante allo script //isogram// utilizzato da **Google Analytics**.
  • programming/js-loading-techniques.txt
  • Last modified: 10 years ago
  • by Giuseppe Di Terlizzi