Desde hacía unos 20 días, teníamos problemas de velocidad con este y otros sitios, incluso la semana pasada llegamos a estar caídos unas horas. No fué la primera vez, el año pasado cuando cambiamos al servidor virtual que usamos ahora, tuvimos muchos problemas nos llevó más de un mes lograr solucionarlos.
Esta vez el problema fué una extensión que estábamos probando y que cuando ampliamos la prueba a otros sitios, se sobrecargó el servidor haciendo que todos los sitios funcionaran con tiempos de respuestas inaceptables.
Por eso, aquí les presento una lista de herramientas que nos ayudarán a identificar el problema y así optimizar la velocidad de carga de nuestro sitio.
Recursos para optimizar el tiempo de carga del sitio
Primero necesitamos una herramienta que nos diga que es lo que está fallando, en que se demora en cargar. A mi me gusta mucho usar Pingdom.
Pingdom
Tools Pingdom es una herramienta online que mide el el tiempo de carga de cada componente de una página web. Este muestra un gráfico detallado que sirve para detectar rápidamente en que se demora en cargar. Básicamente permite identificar cuando hay imágenes muy pesadas, muchas llamadas a archivos JS y CSS, etc.
Una característica muy útil, es que permite archivar los resultados de las pruebas, con lo que podemos comparar resultado actuales con anteriores e identificar así más rápidamente la magnitud del preblema.
YSlow
YSlow analiza las páginas y muestra que es lo que la hace lenta. Es una extensión para Firefox que se integra con Firebug.
YSlow mostrará: un reporte del rendimiento del sitio, un resumen HTTP/HTML, una lista de los componentes de la página, etc.
Webwait
Webwait es una herramienta online que mide la velocidad de carga de un sitio. Esta medición la realiza en intervalos de tiempos, midiendo y promediando los tiempos de carga y cuanto se demora el navegador en mostrarlo (render) incluyendo las imágenes y archivos CSS y Javascript.
Web Site Optimization
Web Site Optimization es otra herramienta online que mide la velocidad de un sitio realizando un informe muy detallado de cada componente.
Lo que más me gusta de este, es que en el informe no sólo es detallado, sino que al final muestra una explicación muy completa de por qué un determinado valor no es correcto y cómo se puede solucionar
Herramientas para acelerar el sitio
Un buen diseño es lo principal, pero siempre se van agregando funcionalidades nuevas y haciendo modificaciones que rompen con la planificación original. Existen recursos, como caches, compresores de código, etc que nos ayudaran a mejorar la velocidad de carga de nuestro sitio.
PHP Speedy
PHP Speedy WP es una extensión para WordPress, que permite mejorar la velocidad de carga de un sitio.
Este se encarga de reducir las llamadas HTTP (request), usa GZIPing, combina los archivos JS y CSS, agregar fecha de expiración futura en los encabezados, elimina espacios en blancos en código como también comentarios, entre otras. Este es compatible con WordPress 2.7.
PHP Speedy es bueno y muy fácil ya que automatiza todo el proceso de optimización, pero no siempre funciona bien ya que en algunos casos ha tenido incompatibilidad con algunos templates y extensiones del sitio.
Minify
Si tu sitio no corre con WordPress puedes probar con Minify.
Minify es un script PHP (también usado por PHP Speedy) que permite reducir el número de llamadas y al igual que PHP SPeedy, combina varios archivos JS y CSS en uno sólo y elimina código innecesario como espacios en blancos y comentarios.
Mimify requiere de más trabajo ya que hay que instalar en el servidor y detallar los archivos JS y CSS, pero la ventaja es que se tiene más control.