Información sobre algunas de las técnicas y herramientas que permiten mejorar el rendimiento de los sitios Web y dar un servicio satisfactorio a nuestros visitantes.
Introducción
El objetivo de este artículo es comentar algunas de las herramientas utilizadas por Tecsisa para optimizar la carga de aplicaciones y sitio web en los navegadores de los usuarios o visitantes.
Una aplicación o sitio web debe ser comprobado exhaustivamente antes de pasar a producción en busca de problemas de rendimiento. Asimismo, con el paso del tiempo pueden aparecen problemas de rendimiento, por causas como:
- El incremento, por encima de las expectativas, del número de visitas o de información.
- La degradación de los contenidos, cambios en los servidores o corrección de errores (mantenimiento).
Medir la velocidad de una aplicación Web que está en producción no es una tarea sencilla, debemos tener en cuenta multitud de variables, tales como el número de usuarios que están accediendo al sistema, la conectividad, dependencias con bases de datos o servicios Web.
Las herramientas que vamos a presentar a continuación se pueden y deben utilizar durante todo el ciclo vida de la aplicación: fases de desarrollo, pruebas, puesta en producción y también de forma periódica durante el mantenimiento.
Ventajas de optimizar
La optimización permite mejorar la experiencia del usuario reduciendo el tiempo de espera. Así mismo se obtienen mejoras que permiten servir más visitas con el mismo hardware, software y optimizar el ancho de banda contratado.
Pero antes de entrar en el detalle de las herramientas, veamos algunas recomendaciones adicionales que ayudan a optimizar la velocidad de carga:
- Utilizar versiones comprimidas de las librerías de javascript.
- Agrupar en la medida de lo posible el código javascript en un solo fichero.
- Utilizar un sólo fichero CSS e incluir reglas @media para especificar otro tipo de dispositivos de visualización como impresoras.
Herramientas
En los siguientes artícuos se explica cómo utilizar distintas herramientas para el análisis de las páginas web:
- Microsoft Fiddler HTTP Debugger: es un proxy HTTP (intermediario) que captura las solicitudes realizadas por el navegador y permite inspeccionar en detalle la comunicación con el servidor web.
- Firebug: extensión (add-on) para Mozilla FireFox que permite interactuar en tiempo real con el HTML, CSS, Java Script, XHR, y las imágenes de la página mostrada.
Bibliografía
- Key Differences between HTTP/1.0 and HTTP/1.1
- Balachander Krishnamurthy (AT&T Labs-Research)
- Jeffrey C. Mogul (Compaq Computer Corporation)
- David M. Kristol (Bell Laboratories)
- Hypertext Transfer Protocol -- HTTP/1.1. Request for Comments: 2616
- The Internet Society (1999). Fielding, et al
