Consejos para acelerar la carga de tu sitio Web. Introducción

Recientemente descubrí la extensión para firefox YSlow  (http://developer.yahoo.com/yslow/)  para determinar los tiempos de carga de una determinada página Web así como los recursos que necesita.

Esta extensión viene de la mano de Firebug (http://getfirebug.com/), ambas imprescindibles para desarrolladores Web.
YSlow muestra una seríe de consejos que replican desde developer.yahoo.com "Consejos para acelerar la carga de tus sitio Web" (Best Practices for Speeding Up Your Web Site).

Estos consejos han sido extraidos de "High Performance Web Sites" de Steve Souders  (creador de la extensión YSlow).  Un dato curioso: es el libro informático más vendido en un corto periodo de tiempo.

Así que he pensado que sería interesante poner en práctica esos consejos y ver punto por punto los pros y contras que pueden surgir en su implementación.

Listado de consejos de Steve Souders:

1. Minimizar Peticiones HTTP
2. Utilizar una Red de entrega de Contenidos (CDN)
3. Añadir Cabeceras con fecha de caducidad(Expires) o Cache-Control
4. Componentes Gzip (Comprimir Scripts y CSS)
5. Colocar los estilos (CSS) al principio
6. Colocar los Scripts al final
7. Evitar Expresiones CSS
   
8. Externalizar Javascript y CSS
9. Reducir las Resoluciones DNS
10. Minimizar Javascript y CSS
11. Evitar redirecciones
12. Eliminar Scripts duplicados
13. Configurar ETags(Etiquetas de entidades)
14. Utilizar Ajax con cabeceras Cache-Control
15. Vaciar el Buffer al Inicio.
16. Utilizar GET en las peticiones AJAX
17. Retrasar la carga de Componentes secundarios
18. Anticipar la carga de Componentes esenciales
19. Reducir el número de elementos DOM
20. Dividir componentes entre dominios.
21. Minimizar el número de Iframes.
22. No Utilizar 404(No Encontrado) de los servidores Web
23. Reducir el tamaño de las Cookies
24. Redirigir las Cookies de componentes a otro dominio.
25. Minimizar el acceso al DOM
26. Desarrollar capturadores de eventos
27. Utilizar <link> en lugar de @import en CSS
28. Evitar Filtros CSS
29. Optimizar imágenes
30. Optimizar las hojas de estilo (CSS)
31. No escalar imágenes en HTML
32. Utilizar un favico.ico pequeño y con fecha de expiración.
33. Mantener los componentes por debajo de los 25 Kb
34. Empaquetar los componentes dentro de un documento multiparte

Proximamente:  1.  Minimizar Peticiones HTTP

Extraido de ''Best Practices for Speeding Up Your Web Site': http://developer.yahoo.com/performance/rules.html

Web del Autor:http://stevesouders.com/hpws/rules.php (con ejemplos)