Clarín: así no

Estaba esta mañana como de costumbre escuchando la radio cuando escucho un comentario de la situación del Chapu y se me dio por entrar a Clarin.com a leer un poco más sobre el tema. Justamente en la home del site estaba publicado un video de la conferencia de prensa. Luego de pegar una rápida ojeada a los demás titulares decidí mirar el video. Estaba ya llegando al final del mismo (que por cierto tardó bastante en cargar) cuando repentinamente se recarga la página y el video vuelve al comienzo.

Chan!, entonces se activa mi cerebro de ingeniero:

Me parece inaceptable, es un atentado contra la usabilidad y el hecho se encuentra agravado porque estamos hablando de uno de los portales de contenido más importante del país. Si esto ocurría hace 4 años, podría pasarse por alto, pero no hoy en día con el auge de la Web 2.0, las tecnologías AJAX y el surgimiento de los nuevos estándares HTML.

Ya mismo, curso de usabilidad y Web 2.0 para los programadores de Clarin.

Say no more.

Website Performance Tools

During these days we (project A2 team) have been working on this topic. We are working on training material about website performance, so we had to review some tools to measure performance.
Below is a list of tools we have reviewed during the last week.

  • FireBug: is a very popular FireFox add-on for allowing to edit, debug, and monitor CSS, HTML, and JavaScript, but it also provides lower level information such as http headers and others.
  • YSlow: is a FireFox/FireBug add-on developed by Yahoo! It analyzes and qualifies web pages from A to F suggesting ways to improve their performance based on a set of rules for high performance web pages. The reports it generates are very nice.
  • Page Speed: is a FireFox/FireBug add-on developed by Google. It performs several tests on web pages that are based on a set of best practices known to enhance web page performance. A score is provided for each page as well as helpful suggestions on how to improve its performance.
  • MSFast: is a browser plugin that help developers to improve their code performance by capturing and measuring possible bottlenecks on their web pages. It has been developed by MySpace.com and currently supports Internet Explorer.
  • dynaTrace: It integrates with Internet Explorer and allows you to diagnose and prevent AJAX performance issues.
  • Visual Round Trip Analyzer: is a standalone application that examines the communications protocol, identifying the causes of excessive round-trips, and recommending solutions. It is browser-independent. You open the tool and it starts recording what happen at network level. Then you browse your website and finally stop the recording. The tool helps you analyze what have happened.

There are some more tools we have reviewed but these are in my opinion the most interesting. You might be wondering why I didn’t mentioned Fiddler. The reason is that Fiddler does not provide any suggestions, it’s a passive tool: just captures the network traffic because its focus is not performance analysis.

On future posts I would like to drill down on each of these tools and I will also provide information about JavaScript profiling and server-side analysis.