« anterior | siguiente »

Home > 2007 > Febrero > Viernes, 23 de Febrero 2007 > Agiliza la carga de tu Javascript
Blogs Media: CSS Mania | VivirLatino | Sentido Web | Apps Mania

Publicidad

Vie23Feb2007

Agiliza la carga de tu Javascript

16:00 H (CET)| Temas: Javascript

Una serie de consejos para que la carga de los javacripts no se demoren demasiado y hagan al usuario esperar, algo que no suele gustar, sobre todo ahora que cada vez hay mas efectos y funcionalidades que hacen que las páginas tarden más en cargarse.

  • Usa la extensión para Firefox Web-developer Toolbar o OctaGate SiteTimer para ver que es lo que se está comiendo el ancho de banda.
  • Comprime tus scripts con Rhino, aunque es recomendable tener una versión para pruebas sin comprimir ya que mirar un código comprimido es bastante complicado.
  • Situa el script al final del documento, así no habrá que esperar a que se cargue el script para ver el contenido de la página.
  • Carga los scripts cuando realmente los necesites: 
function $import(src){
  var scriptElem = document.createElement('script');
  scriptElem.setAttribute('src',src);
  scriptElem.setAttribute('type','text/javascript');
  document.getElementsByTagName('head')[0].appendChild(scriptElem);
}

// import with a random query parameter to avoid caching
function $importNoCache(src){
  var ms = new Date().getTime().toString();
  var seed = "?" + ms; 
  $import(src + seed);
}

Eso sí, retrasa la ejecución de los scripts para que de tiempo a cargarse.

  • Cachea tus scripts, cámbialo a un fichero php y modifica el header para que tenga caché.

Speed Up Your Javascript Load Time

Vía / dzone

Relacionados

Sin comentar » Formulario

Conversación

Nombre:

Email:

(no aparecerá)

URL:

(opcional)
¿Recordar datos?

↓ Comentarios (XHTML permitido)