Blog de Duplika

Como identificar los 6 problemas de velocidad mas comunes

Analizar el rendimiento de tu sitio web no debería llevarte mucho tiempo. Con utilizar las herramientas adecuadas y saber interpretar los resultados vamos a poder encontrar rápidamente los principales problemas. A continuación vamos a describir los 10 problemas mas típicos que comentan los chicos de Yotta.

Para tal fin, la herramienta gratuita que recomendamos es WebPageTest.org. La mayoría de las herramientas o se centralizan en el contenido o consideran la distancia geográfica pero no suelen haber pruebas desde Argentina o Latinoamérica. Con Webpagetest vas a poder ejecutar las pruebas desde Argentina para poder considerar la velocidad tal cual lo perciben tus clientes.

Para los ejemplos a continuación, utilizaremos el reporte de rendimiento de Página 12.

1. Mal rendimiento del backend

La primera línea de los detalles nos muestra una especie de "cascada" con el detalle de cada elemento descargado. El mismo debería ser muy corto, ya que es el tiempo que tarda el servidor en devolver la solicitud. Aunque siempre existen excepciones, si ésto llega a ser mayor a 1 segundo o 2, deberías considerar un plan de acción para mejorarlo.

2. Muchos archivos

Ésto suele ser tipico en sitios de noticias o algunos blogs con botones de facebook, twitter y otras redes sociales. Si al ver los detalles tenes que scrollear mucho para abajo, tenes demasiados archivos! El promedio tipico es 47, aunque en algunos casos reducir ésto puede ser complicado.

Si en tu caso la mayoría de los archivos son botones de redes sociales, podes aprovechar la técnica de lazy load, utilizado en portales grandes como TechCrunch o Mashable y que recientemente implementamos en nuestro cliente Onyx, el blog de Santiago Bilinkis. Si usas WordPress el plugin recomendado es WPSocialite además del W3 Total Cache para comprimir tus CSS / JS.

3. Archivo problemático

Acá va uno fácil: Busca las barras mas largas del detalle. Es posible que alguno de estos archivos sean cuellos de botella y una lentitud en el acceso haga que todo el sitio cargue mas lento.

Existen múltiples razones para ésto, pero al parecer el sistema de publicidad de Página 12 no funciona correctamente.

4. Problemas de conexión

bad DNS Conn

Ésto también puede demostrar lentitud en acceder al sitio desde otros países. En nuestro ejemplo no encontramos ningún tipo de problema ya que el sitio esta alojado en Argentina, pero si ven otros ejemplos de paginas alojadas en el exterior van a encontrar algunos ejemplos que puedan demorar en cargar.

5. Lentitud en la descarga

A diferencia del #4, hay casos donde la lentitud en la descarga del archivo no tiene que ver con la velocidad de conexión del servidor donde lo tengamos alojado sino por el propio peso de los archivos y su tamaño. Las opciones básicas de optimización como GZIP y compresión de imagenes se encuentra implementado en nuestro ejemplo. Si tenes WordPress, te recomendamos el plugin EWWW Image Optimizer el cual es 100% compatible con nuestro plan Onyx.

6. Comportamiento de JavaScript

big gap

Idealmente todos los archivos deberían cargar casi simultáneamente, pero en la mayoría de los casos ésto no es asi. Si notas algún javascript que esta frenando la carga del sitio, asegurate de estar usando javascript asincrónico para que el mismo pueda ser cargado sin frenar la carga del sitio.

En el caso de Google Analytics, el cambio fue anunciado hace ya algunos años pero no esta de mas asegurarse que estamos utilizando la versión actualizada para el tracking de nuestros sitios.

¿No sabes por donde empezar para acelerar la carga de tu sitio? Dejanos tu comentario o considerar migrar tu sitio con nosotros, contando con nosotros para la implementación de cualquiera de las mejoras detalladas.