Consejos para agilizar la carga de tu página

Tweet

En Developer Yahoo! nos dan estos consejos para acelerar nuestro sitio web (Thirteen Simple Rules for Speeding Up Your Web Site).

Todos estamos de acuerdo en que uno de los mayores problemas a los que nos enfrentamos habitualmente los desarrolladores es lograr una rápida carga de nuestro sitio web, en cuanto vamos añadiendo funcionalidades nos vamos encontrando con realentizaciones en la carga del sitio por lo que debemos encontrar el equilibrio entre las funcionalidades y la velocidad de carga del sitio.

1. Realiza pocas peticiones HTTP
2. Haz uso de CDN (Content Delivery Network)
3. Añade una etiqueta para hacer expirar tus cabeceras, Expires header
4. Habilita la compresión por Gzip
5. Pon el CSS al principio de todo
6. Pasa los archivos JS al final
7. Evita los comentarios CSS
8. Pon tu CSS y tus archivos JS en archivos externo
9. Reduce las consultas DNS
10. Optimiza y minimiza el código de tus archivos JS
11. Evita las redirecciones
12. Elimina los scripts duplicados
13. Configurar los ETags

A todos estos consejos tenemos que añadir que sin duda es necesaria en primer lugar un servidor rápido, el servidor es la pieza clave para que un sitio web cargue rápido sin duda lo mejor será conseguir un hosting pago que te ofrece mayor velocidad y soporte, pero en caso de no tener dinero suficiente, y tengas que alojarte en uno gratuito, prueba muchos y decídete por el que más rápido te parezca.

YSlow, analizador de rendimiento web

Si quieres poner en práctica estos consejos y ver como poco a poco vas consiguiendo agilizar la carga de tu sitio no dudes en instalarte YSlow.

Este plugin de Yahoo llamado YSlow para Firebug (en Firefox) es sin duda una herramienta que todo webmaster debería tener funcionando en su navegador.

Para acceder a todas sus posibilidades hay que instalar primero Firebug y luego YSlow. Una vez instalado, se capturan todos los datos relativos a las páginas y sus elementos. Hay información sobre Rendimiento, Estadísticas y Componentes.

Para los que aún no conozcan Firebug decir que es una extensión que te ayudará a desarrollar, evaluar y depurar sitios web, controlando el CSS y HTML en tiempo real, midiendo el tiempo de carga para optimizar la página o corrigiendo los posibles errores Javascript.