Incluir JavaScript en la parte inferior del documento HTML
Si usted no tiene document.write (o de cualquier generación dinámica de contenidos de la página Uso de archivos JavaScript) para insertar parte del contenido de la página en los scripts, mueva el script de incluir una declaración en la parte inferior de la página, antes del final de la etiqueta BODY.
La especificación HTTP/1.1 sugiere que los navegadores de descarga no más de dos componentes en paralelo por el nombre de host. Si va a servir a sus imágenes de varios nombres de host, puede obtener más de dos descargas que se producen en paralelo. Mientras que un script se está descargando, sin embargo, el navegador no se iniciará ningún tipo de descarga de otro modo, incluso en los diferentes nombres de host.
También hay formas de crear dinámicamente los nodos SCRIPT y cargar scripts remotos después de la página se carga mediante AJAX.
Externalizar a JavaScript
Uso de archivos JavaScript externos se traducirá en una carga más rápida de páginas debido a que los archivos JavaScript se almacenan en caché por el navegador. "En línea de JavaScript en los documentos HTML se descargan cada vez que se solicita el documento HTML. En realidad, esto podría reducir el número de peticiones HTTP realizadas pero posteriormente aumenta el tamaño del documento HTML. Externa de JavaScript se almacenan en caché por el navegador, el tamaño del documento HTML se reduce sin aumentar el número de peticiones HTTP.
Tenga en cuenta que, si los usuarios de su sitio con vistas de varias páginas por sesión y muchas de sus páginas de volver a utilizar los mismos scripts y hojas de estilo, hay un mayor beneficio potencial de la caché de archivos externos.
Empaquetar los archivos Javascript
En el caso de JavaScript, a diferencia de CSS, los archivos pueden crujir el uso de algunos algoritmos estándar que dan un tamaño de archivo reducido a la simple eliminación de espacios o tabuladores. Un ejemplo de Javascript empacador se puede encontrar aquí http://dean.edwards.name/packer/
Deshágase de los scripts duplicados
Es muy inusual que los guiones enteros podría ser duplicada, pero una revisión de los diez mejores sitios web de Estados Unidos muestra que dos de ellos contienen un guión duplicado. Duplicar las secuencias de comandos pero, obviamente, reduce el rendimiento mediante la creación de las peticiones HTTP innecesarias y pérdida de la ejecución de JavaScript.
Además, en muchos casos, aunque los nombres de las secuencias de comandos son diferentes, hay una probabilidad de scripts duplicados en la misma página por el tamaño del equipo y el número de secuencias de comandos.
Reducir al mínimo el acceso a los elementos DOM cuando sea posible
Acceso a los elementos DOM con JavaScript es lento por lo que con el fin de tener una página de mayor capacidad de respuesta, usted debe:
• Las referencias a los elementos de caché de acceso
• Los nodos de actualización "en línea" y luego añadir al árbol
• evitar la fijación de diseño con JavaScript
Comportamiento separado del contenido y presentación
Así como la presentación por separado (CSS / XSLT) de contenidos (XHTML / XML), también hay que separar el comportamiento (Javascript). Esto se llama Javascript discreta. Así como enlaces a archivos CSS externos, que debería enlazar a archivos externos de JavaScript.
En lugar de un comportamiento difícil de codificación en el contenido (por ejemplo, onmouseover, onclick, etc), el comportamiento debe agregarse de manera dinámica a los elementos, clases y elementos singulares (IDS) utilizando el DOM. El documento fundacional, el contenido, debe contener sólo es válido XHTML / XML y Javascript no.
Javascript debe aumentar el contenido mediante la adición de comportamiento. El contenido debe seguir siendo útil y utilizable sin javascript (o sin el pleno apoyo de Javascript).