En muchas ocasiones no es suficiente con un buen desarrollo de nuestras aplicaciones web y es conveniente recurrir a ciertas herramientas que nos permiten acelar la carga de las páginas web, estas herramientas nos suelen revelar datos muy importantes en el proceso de la navegación web, por ejemplo el número de peticiones HTTP.
La velocidad de carga de una página web viene determinada por varios factores, uno de los más importantes es la optimización de la latencia y el número de peticiones HTTP, por otro lado este factor lo tenemos que gestionar para que nos de un resultado aceptable teniendo en cuenta el ancho de banda del que disponen los usuarios.
Si queremos solucionar el problema de la latencia lo ideal sería que nuestros servidores estén lo más cerca posible a la gran mayoría de los usuarios de nuestra aplicación.
En redes informáticas de datos se denomina latencia a la suma de retardos temporales dentro de una red. Un retardo es producido por la demora en la propagación y transmisión de paquetes dentro de la red.
Pero realmente a la hora de la verdad estos dos factores (latencia y ancho de banda) son incrontolables y es mejor optimizar otros factores que disminuyen el rendimiento de carga de nuestra aplicación web.
Herramientas para acelerar la carga de páginas web
Algunas de las herramientas más conocidas son: Httpwatch, WireShark, Fiddler, YSlow.
Wireshark
Antiguamente conocido como Ethereal, es un analizador de protocolos utilizado para realizar análisis y solucionar problemas en redes de comunicaciones para desarrollo de software y protocolos, y como una herramienta didáctica para educación. Cuenta con todas las características estándar de un analizador de protocolos.
HttpWatch
HttpWatch es un analizador y depurador de HTTP que se integra con Internet Explorer para proporcionar solución de HTTP y HTTPS vigilancia sin salir de la ventana del navegador.
Fiddler
Fiddler es un proxy HTTP de depuración gratuito que permite depurar y analizar el tráfico entre el cliente y el servidor y registra el tráfico HTTP en logs, que pueden ser estudiados posteriormente.
YSlow
YSlow es una herramienta desarrollada por Yahoo que ayuda al usuario a saber cuales son los errores que tiene que reparar para hacer su página más rápida para sus visitantes.
YSlow es sin duda una herramienta que todo webmaster debería tener funcionando en su navegador.
Consejos para acelerar la carga
En ningún caso estas herramientas nos van a acelerar la carga de nuestra aplicación web pero si nos darán suficientes datos para analizar y optimizar la aplicación.
Un estudio continuo de los procesos de carga de las páginas con estas herramientas nos permiten conocer que ocurre en el proceso de petición de nuestra apliacación web y nos permite acortar los tiempo de carga reduciendo el número de peticiones HTTP.
Siempre tenemos que tener en cuenta una serie de consejos que nos ayudarán seguramente a conseguir nuestro objetivo "Acelerar la carga de nuestra aplicación web":
- Realiza pocas peticiones HTTP
- Haz uso de CDN (Content Delivery Network)
- Añade una etiqueta para hacer expirar tus cabeceras, Expires header
- Habilita la compresión por Gzip
- Pon el CSS al principio de todo
- Pasa los archivos JS al final
- Evita los comentarios CSS
- Pon tu CSS y tus archivos JS en archivos externo
- Reduce las consultas DNS
- Optimiza y minimiza el código de tus archivos JS
- Evita las redirecciones
- Elimina los scripts duplicados
- Configurar los ETags
- Hacer Ajax Cacheable
Copy & paste
Básicamente lo que decís los dos viene del blog de desarrollo de yahoo. No aportáis nada... salvo difundir lo que ya analizó yahoo. Manu debes decirlo más claramente ¿no?
Si obviamente la fuente es
Si obviamente la fuente es Yahoo porque estamos hablando de una aplicación desarrollada por Yahoo... lo que vengo a decir es que me parece correcto que ponga el enlace a su web ya que la temática y el contenido de la entrada tienen que ver con el tema y de alguna manera pueden llegar a interesar a algún lector de esta entrada.
Saludos
Jejeje no para nada me
Jejeje no para nada me parece autobombo seguro que alguien que llegue a esta entrada y este interesado en el tema le sea de gran ayuda obtener más información.
Un saludo
post relacionado
Hola, hace unos días publiqué un post del mismo tema, por si a alguien le interesa puede leerlo : http://www.el33.es/2008/06/09/optimiza-la-carga-de-tu-sitio-web
Me interesé un poco en el punto de reducir las peticiones HTTP con la combinación de varias imágenes en una sola, y encontré una interesante aplicación para esto.
Sería interesante que sitios como twitter con más de 100 pequeñas imágenes entre followers y demás implementaran esta técnica.
Un saludo
PD: puede que sea un poco de autobombo, lo sé pero alomejor a alguien le ha resultado útil, ya que mi blog si lo leen 5 personas estoy exagerando... :)
Enviar un comentario nuevo