JMiur [E]

Pingdom Tools - Full page test es una herramienta interesante ya que evalua el tiempo de carga de cualquier sitio web, incluyendo objetos (imágenes, Flash, scripts, etc).

El tiempo, es mostrado por medio de barras de colores y puede verse la lista completa de objetos cargados ya sea en el orden en que lo hacen o como árbol, mostrando la relación entre ellos.

El tiempo total variará en función de diferentes parámetros, conexión, horario, servidor donde tenemos alojado nuestro sitio, etc; aunque lo fundamental es el tamaño de la página, la cantidad de imágenes y sobre todo, los objetos externos (widgets, por ejemplo).

Por lo que he visto, en Blogger, un valor de 10 segundos o menos es un promedio razonable. En el momento de probar la página principal de este blog, se encontraron 171 objetos (1061.4 KB), de los cuales 168 eran externos, fundamentalmente, imágenes: 137 (597.5KB).

Lo que me ha sorprendido es ver que una parte sustantiva del tiempo de carga es motivada por el mismo Blogger y sus códigos internos.

VISTO EN:
  • keytrucos
  • 19 comentarios:

    ymmot  

    :-) ... buenas de nuevo,... parece que me estoy aficionando a leer tu Estupenda Pagina ;-)

    ... interesante herramienta,... muy interesante y me parece que a la vez "muy peligrosa".

    Independiente de los resultados del test,... que pueden venir bien a la hora de analizar la carga y velocidad de una pagina,... veo que todos los resultados los saca como un "link" o "referencia", a los objetos que la pagina contiene.

    ... asi que si alguien quiere pillar todo de un plumazo,... es tan simple como situarse sobre uno de esos "links" y utilizando por ejemplo FlashGet,... darle boton derecho y decirle: "descargar todo con FlashGet".

    No es que sea nada del otro mundo,... pero veo ese inconveniente,... que no lo sera para quien se quiera llevar objetos de la pagina analizada. ( graficos, ficheros js, ficheros css... )

    ... tampoco es que sea un entendido en la materia,... parece que trabaja como un "tracer" o "sniffer".

    Salu2, ymmot ;-)

    Responder
    JMiur  

    Entiendo tu preocupación pero, en realidad, eso siempre es posible. Al abrir una página cualquiera, el contenido está a tu disposición, bastaría guardar la página para que uno pueda acceder a ellos con facilidad, incluyendo el código fuente.

    De cualquier modo, es bueno estar atento a ese tipo de cosas y, en caso de desconfianza, lo mejor es abstenerse. Navegar por internet requiere de una dosis importante de paranoia ya que más vale prevenir que curar :)

    Responder
    ymmot  

    :-) ... buen dia.

    ... mas que preocupacion,... fue que me sorprendio que ese tipo de "herramientas para webmasters" se encontraran tan asequibles en la red.

    Por lo demas,... ya tenemos programas para "descargar completa una web",... o en las tiendas libros "como hacer un virus",... jejejeje,... con esto ya puede pasar cualquier cosa.

    ... venga,... un saludo ;-)

    Responder
    JMiur  

    Como ya dije, haces bien en desconfiar porque estas herramientas están al alcance de todos :)

    Responder
    Mr. Prado  

    Optimizando un poco mi blog he estado jugueteando un poco con este servicio que tenía ya anotado desde hace tiempo.

    Tengo un problemilla con unas imágenes alojadas en imaeshack que ralentizan demasiado la carga algunas veces. Como tengo comprobado que desde photobucket (al menos desde mi PC) la carga es mucho más rápida, quiero cambiarlas ahí.

    El problema es que no las veo en la plantilla así que deben ser cargadas por algún script o qué se yo. ¿Debo revisar uno a uno todos ellos para ver desde dónde se carga o hay otra forma?

    Quizás podrías echarme una mano con la "identificación". Creo que son imágenes usadas por alguna de las ventanas modales, pero desconozco (o no recuerdo) la librería.
    Ésta, ésta y ésta(es una flecha blanca) son 3 de las mencionadas imágenes.

    Mil gracias una vez más.

    Responder
    JMiur  

    Mr.Prado:

    Mi impresión es la misma, creo que Photobucket carga más rápido.

    Las tres imágenes que me muestras parece que son parte de LightWindow y eso, puede modificarse en la lightwindow.css; podrías editarlo y simplemente cambiar las direcciones.

    Si se trata de tiempos de carga, no es mala idea eliminar ese CSS y colocar su contenido directamente en la plantilla.

    Responder
    Mr. Prado  

    ¿Y cómo se haría? ¿Directamente el contenido del css en la plantilla? ¿Antes del head?

    Saludos :)

    Responder
    JMiur  

    Efectivamente, quedaría algo así:

    <style type='text/css'>
    AQUÍ EL CONTENIDO DEL ARCHIVO CSS
    </style>

    </head>

    Responder
    Roudy  

    Excelente herramienta JMiur, ahora que estamos liados con los script, me ha servido mucho a la hora de ver que cargoa y que falla en el blog. Ya añadi lightwindow a la plantilla, y utilizo las Librerias API de Google, hice una prueba antes y despues y el tiempo de carga se redujo. Estare pendiente de tus recomendaciones.
    Hice la prueba con Vagabundia y parece que hay enlaces rotos a imagenes alojadas en Imageshack. Un saludo

    Responder
    JMiur  

    Es una herramienta útil para scripts y ese tipo de cosas. Para enlaces e imágenes hay que tener cuidado porque muchos servicios pueden denegar el acceso a ese tipo de código y por lo tanto, el resultado mostrado puede ser erróneo.

    Responder
    Sonic Vempyr  

    Wow, tuve que optimizar mi pagina, algo que les recomiendo a todos es cambiar los formatos de imagen, miren que cambie unas de .jpg a .gif e hice varios ajustes antes tardaba 6 segundos en abrir

    pero ahora con los cambios que he hecho tarda 3.2 segundos

    muy buena herramienta

    Responder
    JMiur  

    Eso no es del todo cierto, cuidado. Primero, al cambiar lel formato de ciertas imágenes, la calidad se pierde. Los GiIFs sól otienen 256 colores. Segundo, no ncesariamente un GIF tiene menos bytes que un JPG o un PNG, depende de como sea. No hay reglas tan automáticas y el tiempo de carga es sólo uno de muchos factores a tener en cuenta.

    Responder
    Dña. Urraca  

    Cuando al hacer el test, en la lista de URL que aparece al lado te salen algunas en rojo ¿qué quiere decir?.

    Responder
    JMiur  

    La verdad, no sabría responderte :D

    Responder
    Dña. Urraca  

    Gracias de todas formas, intentare investigar por ahí y ya te contaré, porque esto es como cuando vas al medico y se te para a mirar un lunar raro, lo mismo no es nada, pero si lo es...de entrada te quedas con la mosca tras la oreja :D, un beso por la molestia.

    Responder
    Bilosony2™  

    Hola!! JMiur.... e notado que en nuestras plantillas aparecen unas imagenes demas.... lo pude descubrir con Pingdom.
    Podras ver cuando pones a ver tu blog en esa pagina veras que aparecen unas imagenes de Google que creo que niciquiera las utilisamos mira simpre empiesan desde aca:

    www.google.com/uds/css/blue_check.gif
    www.google.com/uds/css/arrow_close.gif
    www.google.com/uds/css/arrow_open.gif
    www.google.com/uds/css/one-complex-dark.gif
    www.google.com/uds/css/more-complex-dark.gif
    www.google.com/uds/css/all-complex-dark.gif
    www.google.com/uds/css/one-complex-light-blue.gif
    www.google.com/uds/css/more-complex-light-blue.gif
    www.google.com/uds/css/all-complex-light-blue.gif
    www.google.com/uds/css/settings.gif
    www.google.com/cse/images/action_icons_sprite.gif

    hay alguna manera para poderlas borrar ya que no las utilisamos o porlomenos en mi caso quisiera borrarlas??

    Saludos!!!!

    Responder
    JMiur  

    No. No es posible. Todo eso es parte del gadget del buscador de Google.

    Responder
    Isaac Chavero  

    Jmiur en los blogs el orden de carga de los elementos es el siguiente: cabecera, entradas, sidebar y footer, ¿se puede cambiar de modo que las entradas se cargen en primer lugar?

    Responder
    JMiur  

    El orden de carga es el mimso que el orden en que está diagramado el sitio. Hay cosas como una imagen del header que, con cierto trabajo, podrían ser cargadas al final pero otras no o no justificaría el esfuerzo.

    Las páginas se cargan de arriba hacia abajo y de izquerda a derecha por lo que siempre es recomendable que la sidebar (si hay) esté a al derecha.

    Responder

    ¿Quiere dejar un comentario?

    recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

    Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
    De todos modos, también puede accederse a ellos a través de SkyDrive

    Nota: sólo los miembros de este blog pueden publicar comentarios.

    Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

    Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

     
    CERRAR