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
13 respuestas a “Firebug: optimizar el tiempo de carga de tu blog”
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!
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 ;)
como hago para ver los tiempos de carga de cada elemento con el firebug???
gracias!
ya lo encontre, en la solapa Net.. :) de nada :P
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.
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…
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.
ven que ninguno de ustedes me lee :P
Igual graciaspor el link :)
Muy útil, ya mismo me lo instalo :)
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.
La semana en los blogs LXXXII…
…
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 ;)
[…] Vagabundia – ¿Que formato de imagen usar? / Kabytes – Herramientas SEO para bloggers / SpamLoco – Firebug: optimizar el tiempo de carga / Denken Über – Acelerar el tiempo de carga de tu Web / Blogsbazaar – 14 reglas para páginas más […]