Firebug: optimizar el tiempo de carga de tu blog
Hace unos cuantos dÃas este blog y Celularis están con problemas de performance, a veces tardan tanto en cargar las páginas que ni yo quiero entrar ;). Y este problema no se solucionaba ni cambiando a servers mucho más poderosos, o al menos mucho más caros, asà fué como caà en Firebug una de las mejores extensiones de Firefox que conozco.

Y cuando el código, el server, el CMS y todo eso está más o menos optimizado, solo queda revisar si la montaña de metadata y widgets que tiene hoy en dÃa un blog encima estaba jodiendo o no la performance del site; para lo que la opción de network monitoring resultó mejor que cualquier otra herramienta.
Asà descubrà que pequeños detalles son los que pueden tirar abajo la performance de tu sitio; por ejemplo en celularis, lo que me tiraba abajo la velocidad eran 4 cosas especÃficas: 1- código de estadÃstica que estaba en el (hasta que no carga el header en su totalidad, el no carga); 2- el bannercito de mercadolibre de 125×125 tarda más en cargar que todo el sidebar; 3- El botoncito de Bloglines anda casi tan mal como su servicio; y 4- el script de Feedburner para el sitio demoraba a veces.
En definitiva, a veces no es culpa del hosting sino de la cantidad de metadata y botones y widgets y javascripts que uno le mete al blog lo que estropea el acceso al mismo.
Ah, algunas cosas las resolvà otras no tanto, pero supongo que en estos dÃas lo estare mejorando… porque es más divertido ver, como mi hijo se rie escuchando Hells Bells de AC/DC y sacarle fotos y fotos :P
Milton! el 27.06.07
Mariano, una vez leà por internet que el firebug no sé bien que hacÃa en los servidores que terminaba recargandolos o algo asi… No me acuerdo porque incluso esa vez no entendi bien qué es lo que hacia mal, pero lo mataban como si fuese muy malo…
La verdad que no se bien si era alguien que hablaba por hablar (que, si, hay muchos) o si hablaba con algun fundamento, y no encuentro el link como para pasarlo…
Ah! Otra más… el codigo de estadistica… se puede decir de qué era? (Statcounter, google analytics o algo por el estilo?)
Saludos!
mariano el 27.06.07
el codigo que demora es el de statcounter y un par mas que los desactivé.
Lo de la recarga era cualquiera porque el Firebug lo usas, revisas, mejoras, revisas y nunca mas ;)
j0an el 27.06.07
como hago para ver los tiempos de carga de cada elemento con el firebug???
gracias!
j0an el 27.06.07
ya lo encontre, en la solapa Net.. :) de nada :P
Rubén Lozano el 27.06.07
Te puede servir de ayuda visitar el blog Yahoo! Developer Network. En él, están dando pequeños tips para la optimización de performance:
The Importance of Front-End Performance
Rule 1 – Make Fewer HTTP Requests
Rule 2 – Use a Content Delivery Network
http://developer.yahoo.net/blog/archives/2007/05/high_performanc_2.html
También puedes comprar el libro (en proceso): High Performance Web Sites
Sin duda, de lo más interesante.
Milton! el 27.06.07
Yo al statcounter lo puse en el footer…
Y creo que hice lÃo y el programa del que escuché lo de la recarga era el fasterfox…
Diego el 27.06.07
Igual que Rubén, venia a sugerirte ver la presentación de Yahoo! sobre la importancia del frontend.
Y el libro ese pinta muy bueno.. creo que lo voy a comprar ahora con el descuento.
mariano el 27.06.07
ven que ninguno de ustedes me lee :P
Igual graciaspor el link :)
Pablo Rosales el 28.06.07
Muy útil, ya mismo me lo instalo :)
Federico el 28.06.07
Dos detalles: El de la sobrecarga a los servers quizás sea Fasterfox, el preloader.
Y como detalle de color, otros sitios también tardan en cargar por culpa del banner de ML.
Oscar el 02.07.07
Firebug es una maravilla!, te permite editar el html y el css on-the-fly, ejecutar javascript sobre la página, hacer debug de tus scripts, ver el css asociado a un elemento del sitio, tiene un dom inspector y en fÃn muuchas cosas, eso más la webdeveloper toolbar es lo que todo webmaster debe tener ;)
Trackbacks/Pingbacks
bienvenidos
Denken Über es mi weblog donde escribo sobre tecnologÃa, estrategias y cosas de internet. Podés comentar en cada artÃculo o enviarnos noticias o links.
Mas info: Autor | Archivos | Contacto
buscar en denken über
categorías
Blogroll
últimos en Celularis
Feeds xml
Publicidad
¿El peor hosting del mundo?