Tag: javascript

Aumentare le prestazioni, Javascript alla fine del codice HTML

Per aumentare le prestazioni di una pagina HTML ci sono varie tecniche che si possono utilizzare, dall’utilizzo della cache alla compressione delle pagine lato server con gzip, all’ottimizzazione delle immagini, ed altre ancora che se applicate con criterio possono ridurre in modo consistente il caricamento e la visualizzazione della pagina web.

Una tecnica che sta prendendo sempre più piede è di spostare tutto o quasi il codice Javascript a fondo pagina, prima della chiusura dei tag </body></html>. Questa tecnica porta diversi vantaggi:

  1. nel caso ci sia un errore nel vostro Javascript la pagina viene comunque caricata completamente senza essere interrotta
  2. si crea all’utente l’illusione di aver caricato la pagina molto velocemente perché gli script devono essere ancora scaricati ed eseguiti

Spostare il Javascript a fondo pagina ha anche anche degli aspetti negativi:

  1. tutti gli script che inserite “inline” dovranno essere eseguiti al caricamento di tutto
  2. le eventuali modifiche grafiche fatte tramite Javascript saranno eseguite “solamente” a caricamento completato

Un esempio pratico:

<html>
<head>
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen" />
</head>
<body>
<div id="content">Hello World!</div>
<script type="text/javascript" src="js/script1.js"></script>
<script type="text/javascript" src="js/script2.js"></script>
<script >function abc(){ alert(&#039;ready&#039;);} abc()</script>
</body>
</html>