Firebug + YSlow, las mejores extensiones

26/07/2007 - 09:43:31 por Fabio Baccaglioni - 8169 - 22 - En Programación

Firefox tiene la ventaja de su plataforma abierta para las extensiones, esto permite tener las mejores del mercado de browsers y por ende las que tienen mayores posiblidades de crecimiento. Obviamente muchas veces nos dejamos llevar por la emoción de lo nuevo e instalamos las peores del mundo, esas que consumen memoria a lo loco o hacen lento el Firefox.

Pero una como Firebug es INDISPENSABLE para cualquier desarrollador Web. Te premite analizar TODO lo que necesitás saber de tu web, sumado a que te analiza hasta el tiempo de carga de cada item, el modelo DOM, hasta que valor tiene cada variable de javascript en ese momento, editar el código "inline" para ver los cambios, tocar el CSS, TODO lo que se te pueda ocurrir y muy bien armado en una pestaña inferior, útil, cómodo, usable, que más se puede pedir?

YSlow es un ejemplo de que más se podía pedir, este "analizador" es un complemento de Firebug y lo que te ofrece es una serie de consejos para solucionar los posibles problemas que puede tener la carga lenta de tu web. No sólo te indica donde hay problemas, te los describe y te linkea con la explicación completa en Yahoo, de donde sale la extensión.

Otra recomendable es la FireUploader, una extensión excelente que sirve para subir archivos a distintas redes como Flickr, PicasaWeb, Facebook, Box.net o Youtube, desde el mismo browser y listo, solucionado el tema. Ya en otro momento les comenté la de FireFTP, otra excelente extensión.
Permite arrastrar archivos a una ventana y los sube directamente, por lo que no requiere salir del Firefox ni aplicaciones especiales, sólo le falta un detalle y es hacer el resize de fotos para Picasaweb, pero sólo un detalle.

Combinando esto con la tradicional Web Developer no deberíamos tener excusas para hacer webs como la mía (che, que cuando armé el diseño ni tenía todo esto! )

Si te gustó esta nota podés...

Escrito por Fabio Baccaglioni

• Ruleta Rusa #768
• El rearme: de nuevo, pero mejorado con los F-16
• 80186 el procesador olvidado
• Irán, y por qué debería ser derrotado por todo occidente

Comentarios

• 1

  Sebastian(Valtur)     26/07/2007 - 10:14:42

  Para la parte JavaScript y elementos WEB uso DebugBar. Permite tirar comandos JavaScript directos etc. Debe ser lo mismo.
  
  Y tengo un par de cosas mas para los CSS.
  
  Pero bueno, aca desarrollamos .NET y apps internas. No es parte de la idea que funcione para firefox (De hecho no funcan muchas cosas. Bha un par hasta no funcan en IE 7 XD)
  
  

• 2

  Fabio     26/07/2007 - 10:21:13

  
  Sebastian(Valtur) dijo:
  

  Para la parte JavaScript y elementos WEB uso DebugBar. Permite tirar comandos JavaScript directos etc. Debe ser lo mismo.
  
  Y tengo un par de cosas mas para los CSS.
  
  Pero bueno, aca desarrollamos .NET y apps internas. No es parte de la idea que funcione para firefox (De hecho no funcan muchas cosas. Bha un par hasta no funcan en IE 7 XD)

  
  
  .net no tiene por qué chocar con Firefox, todo lo hacés con ajax y javascript, si lo hacés BIEN debería andar en IE7 y FF 2 tranquilamente así que excusas microsoftianas no! debe funcionar bien en ambos, sea .NET o Java lo que tengas del otro lado

• 3

  Sebastian(Valtur)     26/07/2007 - 10:45:06

  
  Fabio dijo:
  

  Sebastian(Valtur) dijo:
  

  Para la parte JavaScript y elementos WEB uso DebugBar. Permite tirar comandos JavaScript directos etc. Debe ser lo mismo.
  
  Y tengo un par de cosas mas para los CSS.
  
  Pero bueno, aca desarrollamos .NET y apps internas. No es parte de la idea que funcione para firefox (De hecho no funcan muchas cosas. Bha un par hasta no funcan en IE 7 XD)

  
  
  .net no tiene por qué chocar con Firefox, todo lo hacés con ajax y javascript, si lo hacés BIEN debería andar en IE7 y FF 2 tranquilamente así que excusas microsoftianas no! debe funcionar bien en ambos, sea .NET o Java lo que tengas del otro lado

  
  
  No es lo de AJAX. Y no tiene por que chocar, es cierto. Tiene un drama con los Panels el IE7. Se superponen, cuestion estetica que se ve distinto, asiq eu hay que meter codigo para que quede bien. Hay linked buttons que no funcan. Si anda en IE, no preocupa que no ande en FF. Suelen ser siempre cuestiones de visibilidad. Igual eso es por lo que usamos IE. (aparte que las cosas tienen que andar en posiciones que usan IE 5.5)
  
  Es como a vos, que te que debe importar poco que no ande en esta parte lo de que los textbox que no estan siendo editados esten en gris, en IE.
  

• 4

  Lucasg     26/07/2007 - 10:51:47

  soy una persona sana y no hago diseño web ni codifico
  
  voy a probar fireuploader

• 5

  Silvio     26/07/2007 - 10:56:42

  A propósito de Firefox (y a despropósito de todo lo que explicaste y nada entendí )
  ¿Porqué Firefox no abre los videos (como en www.tn.com.ar) ?
  Probé con Explorer, perdon por la palabra, y funciona al pelo...

• 6

  Sebastian(Valtur)     26/07/2007 - 11:02:11

  
  Silvio dijo:
  

  A propósito de Firefox (y a despropósito de todo lo que explicaste y nada entendí )
  ¿Porqué Firefox no abre los videos (como en www.tn.com.ar) ?
  Probé con Explorer, perdon por la palabra, y funciona al pelo...

  
  
  O no debes tener la ultima Ver. del firefox, o te debe faltar bajar el Plug-In necesario. Pero se ven bárbaro.
  

• 7

  Fabio     26/07/2007 - 11:09:58

  
  Sebastian(Valtur) dijo:
  

  Silvio dijo:
  

  A propósito de Firefox (y a despropósito de todo lo que explicaste y nada entendí )
  ¿Porqué Firefox no abre los videos (como en www.tn.com.ar) ?
  Probé con Explorer, perdon por la palabra, y funciona al pelo...

  
  
  O no debes tener la ultima Ver. del firefox, o te debe faltar bajar el Plug-In necesario. Pero se ven bárbaro.

  
  
  en mi Firefox funciona, depende de Windows, no del firefox, si tenés el Windows Media actualizado, se ve en FF.
  
  igualmente apesta, podrían haber utilizado cualquier otra cosa para streaming pero prefirieron usar WM
  
  
  Sebastian(Valtur) dijo:
  

  Es como a vos, que te que debe importar poco que no ande en esta parte lo de que los textbox que no estan siendo editados esten en gris, en IE.

  
  
  estás equivocado, yo siempre testeo este blog en IE para que funcione, que los "lujos" queden sólo para FF es culpa de M$ y su mal soporte de CSS, pero no deja de funcionar nada de javascript por eso, simplemente apesta, pero anda.

• 8

  Sebastian(Valtur)     26/07/2007 - 11:23:18

  
  Fabio dijo:
  
  
  
  Seguro, por que tu app esta para inet. No dije que no te importara que ande el sitio. Tus usuarios son de firefox y de IE, con lo cual no es un lujo que ande y se vea bien en los 2, y si lo de estos textbox. Para nosotros el lujo seria que se vea igual en firefox. Es mas posible que entren por WAP que por FF por que son apps internas y tenemos licenciado todo con MS.
  
  Igual revise un par de cosas y son pocas las que no andan. Lo de los paneles que se superponen, y algunos linked buttons, algo de .NET que arma solo por JS (obviamente, mal)

• 9

  Guty     26/07/2007 - 11:23:49

  No es por hacer proselitismo barato, pero los que quieran diseñar para que se vea bien en IE se van a volver locos, eso o van a dejar la web horrible para los demás browsers :s
  Voy a probar esas extensiones que me van a venir al pelo.

• 10

  Ironic     26/07/2007 - 11:56:40

  mmm las cosas tienen que andar tanto en IE como en Firefox...
  
  y los lujos, se los pierde IE... (:after, :before y esas cosas)...
  
  Ahora reinicio FX y pruebo el YSlow, los otros ya los usaba.

• 11

  Emilio Díaz (Orson)     26/07/2007 - 11:57:50

  Gracias por los datos, excelentes!

• 12

  Danbat     26/07/2007 - 12:07:12

  Lucasg dijo:
  

  soy una persona sana y no hago diseño web ni codifico

  
  Quiero ser una persona sana... snif.
  

• 13

  Guty     26/07/2007 - 13:52:16

  
  Ironic dijo:
  

  mmm las cosas tienen que andar tanto en IE como en Firefox...
  
  y los lujos, se los pierde IE... (:after, :before y esas cosas)...

  
  
  Por mi que IE se pierda la web entera literalmente.

• 14

  Juan Pablo     26/07/2007 - 14:27:37

  yo utilizo Opera y la Opera Developer Console, es igual a firebug, el mismo tambien puede ser utilizado gracias a la opciones de habilitar los script de usuarios.

• 15

  Lucasg     26/07/2007 - 17:49:28

  
  Danbat dijo:
  

  Lucasg dijo:
  

  soy una persona sana y no hago diseño web ni codifico

  
  Quiero ser una persona sana... snif.

  
  bue tampco es para tantooooo son medio friki jajaj

• 16

  Federico Aikawa     26/07/2007 - 18:22:46

  Y el Gspace? qie te `permite utilizar gmail como disco rigido virtual????

• 17

  silvio     26/07/2007 - 19:49:44

  
  Fabio dijo:
  

  Sebastian(Valtur) dijo:
  

  Silvio dijo:
  

  A propósito de Firefox (y a despropósito de todo lo que explicaste y nada entendí )
  ¿Porqué Firefox no abre los videos (como en www.tn.com.ar) ?
  Probé con Explorer, perdon por la palabra, y funciona al pelo...

  
  
  O no debes tener la ultima Ver. del firefox, o te debe faltar bajar el Plug-In necesario. Pero se ven bárbaro.

  
  
  en mi Firefox funciona, depende de Windows, no del firefox, si tenés el Windows Media actualizado, se ve en FF.

  
  
  A eso me refiero, porque para IE no necesito actualizarlo y para FF si. (tengo la version 10.00.00.3955)
  Es punto para IE

• 18

  silvio     26/07/2007 - 19:52:31

  y el FF 2.0 , iE 6.0
  Esta bien, no hablo mas del tema

• 19

  Guty     26/07/2007 - 23:11:21

  IE se caga en los estándares, hay que eliminarlo de la faz de la Tierra

• 20

  Aitor     10/09/2007 - 09:31:21

  Firebug es Genial!
  
  Además ahora también está disponible para Explorer!
  
  http://www.rediario.es/firebug

• 21

  Aitor     12/09/2007 - 17:43:48

  <a href="http://www.rediario.es/firebug">Firebug Lite</a> tambien está disponible para explorer aunque solo se encarga de la depuración de código Javascript

• 22

  Maurin     14/11/2008 - 11:07:52

  esto es viejo, pero hay alguna que detecte problemas en firefox o compatibilidad con otras extensiones... se me esta colgando mucho ultimamente...