Disponible YSlow 0.9

YSlow es una extensión de Firefox que se acopla a Firebug y permite localizar más fácilmente algunos de los motivos de que la carga sea lenta.

Con esta nueva versión ahora YSlow es capaz de localizar peticiones hechas con AJAX y añaden un catorceavo punto a sus recomendaciones: “Hacer que AJAX sea cacheable”.

Las 13 reglas anteriores, por si alguien todavía no las conocía (en inglés, con explicaciones y ejemplos de cada punto) son:

1. Haz menos peticiones HTTP.
2. Usa un CDN (Content Delivery Network)
3. Añade la cabecera “Expires”.
4. Usa compresión (gzip, deflate).
5. Pon los estilos CSS al principio del documento.
6. Pon los scripts (javascript) al final.
7. Evita el uso de expression: en CSS.
8. Deja el CSS y el javascript en ficheros externos.
9. Reduce las peticiones DNS (DNS lookups).
10. Minimiza y optimiza el javascript.
11. Evita las redirecciones.
12. Quita los scripts duplicados.
13. Configura las ETags.

8 Comentarios

1. Sergio de la Torre:
   

   Muy interesante, por cierto… ¿es recomendable usar gzip? Tenía entendido que lo que ganas en transferencia lo pierdes en proceso

   Salu2

   Sunday, 16 de December/2007 @ 21:39

2. Armonth:
   

   Sergio mi opinión la escribí aquí.

   Sunday, 16 de December/2007 @ 21:59

3. Sergio de la Torre:
   

   Se nota que llevo tiempo desconectado eh? :D

   Sunday, 16 de December/2007 @ 23:15

4. Armonth:
   

   “Publicado May 25, 10:51 PM” <- fecha del último comentario tuyo sin contar hoy y ayer… así que sí, bastante :P

   Sunday, 16 de December/2007 @ 23:22

5. josepzin:
   

   ¿Que quieres decir con esto: “Pon los scripts (javascript) al final.”??

   ¿No se supone que los javascripts se incluyen en el ??

   Monday, 17 de December/2007 @ 8:40

6. Armonth:
   

   Josepzin pues que para evitar ralentizaciones es mejor poner las llamadas a ficheros javascripts al final (justo encima de `</body>`), por ejemplo el script de Google Analytics…

   Así si el script o el servidor que lo aloja va lento no ralentiza la web excesivamente…

   Monday, 17 de December/2007 @ 10:27

7. josepzin:
   

   Y eso es correcto? (digo, lo de poner los scripts dentro del ?

   Otro inconveniente que se me ocurre: si tengo algun “onload” dentro de un elemento html, estaría llamando una función que todavía no ha sido cargada.

   De todos modos me resulta interesante… lo probaré :)

   Tuesday, 18 de December/2007 @ 8:01

8. Yslow en castellano:
   

   Sólo los códigos javascript que no innecesarios en la carga deben ir al final.
   Si tienes un onload deberías llamar al archivo antes, sino este no funcionaría.

   Llamando al archivo javascript al final permites cargar antes el css, imagenes y otros archivos que pueden ser mas importantes. Sobretodo esta pensado para grandes webs con ajax, una librería javascript puede ser muy pesada e impediría descargar el contenido de forma rápida.

   Friday, 30 de January/2009 @ 3:14

Comentarios cerrados