JMiur [E]

Para quienes gustan de verificar los tiempos de carga, en Himsomnio nos muestra un método para medir y mostrar el tiempo de carga de cualquier página web.

Usando un pequeño script podemos agregar esta función en nuestro sitio y, modificándolo un poco, podríamos usarlo para medir y mostrar el tiempo de carga de cada una de las páginas del blog.

Colocamos el siguiente script antes de </head>:
<script type='text/javascript'>
//<![CDATA[
var startTime = new Date();
function showElapsedTime() {
var testSiteUrl = location.href;;
var testSiteString = String(testSiteUrl).slice(testSiteUrl.indexOf("www"));
var endTime = new Date();
var elapsedTime = Number(endTime-startTime);
var browser=navigator.userAgent;
var platform=navigator.platform;
var msgString = "Tiempo de carga<br/> " + Number(elapsedTime/1000) + " segundos (" + elapsedTime + " ms)<br/><span>Navegador " + browser + "</span>";
document.getElementById("mostrarTiempo").innerHTML = msgString;
}
onload=function() {showElapsedTime();}
//]]>
</script>
Ahora, agregaremos un elemento HTML en la sidebar o en el footer, allíi donde quisiéramos que se mostrara:
<div id="mostrarTiempo">Cargando ...</div>
Eso es todo.

Si quisiéramos personalizarlo un poco, hay dos cosas que podemos hacer: modificar la salida del script:
var msgString = "Tiempo de carga<br/> " + Number(elapsedTime/1000) + " segundos (" + elapsedTime + " ms)<br/><span>Navegador " + browser + "</span>";
y agregarle propiedades CSS:
<style>
#mostrarTiempo {
border: 1px dotted #456;
color: #CDE;
font-size: 12px;
padding: 10px;
text-align: center;
}
#mostrarTiempo span {
display: block;
color: #678;
font-size: 11px;
}
</style>

Cargando ...

20 comentarios:

Mozz  

Jajaja... que bueno... pero anda a saber que instale que dice que la version de mi Firefox es la 2.0.0.6 y tengo la 3.0.10 XD

Responder
JMiur  

El script no instala nada ni usa servicios externos de ninguna clase. Sólo cuenta el tiempo y muestra lo que le dice el navegador:
navigator.userAgent;
navigator.platform;
son variables de JS normales; en principio, es lo mismo que dice el navegador en el menúa Acerca de ... Así que no hay nad aque temer.

Responder
Gem@  

Tiempo de carga
13.549 segundos (13549 ms)Navegador Mozilla/5.0
No está mal :)

Responder
MALINA  

Hola JMiur, aqui me tienes de nuevo, cada dia con una cosa diferente ;( en esta ocasión tengo problemas para que aparezca definida la fecha en esta plantilla http://cosasmascuriosas.blogspot.com en el sitio de donde la saqué hablan del formato pero lo tengo tal y como piden http://www.ipietoon.com/2009/02/blogger-template-blak-magik.html por otro lado en el codigo fuente se ve un script al comienzo referente a la fecha pero luego buscandolo en la plantilla no aparece por ningun lado, Si expandiendo artilugios ni en elementos añadidos. A ver si sabes decirme como lo arreglo.

Responder
Bonzu Pipinpadaloxicopolis III  

Tiempo de carga
16.753 segundos (16753 ms)Navegador Mozilla/5.0 (Windows; U; Windows NT 6.0; es-ES; rv:1.9.0.8) Gecko/2009032609 Firefox/3.0.8

Eficiente

Responder
JMiur  

Gem@: Es cierto, no es tá mal, es curioso :D

Malina: La página con explicaciones dice "Choose this format, example : "
Sunday, 28 February 2009
sSin embargo, parece que en el blog, la fecha tiene otro formato, se muestra así:
16.4.09

Por eso no funciona. El script, parece estar en post-header-line-1, luego de los títulos, no está en el head.

Responder
GuillermoZ0009  

Muy interesante, sin embargo al instalar script con el gadget, desaparecia en la SideBar las Solapas de mi Blog.

Por ese motivo lo retire, todo esta muy interesante, hasta ahi :S

Curiosa forma de comportarse.

Sin emabrgo muy bueno.

Responder
MALINA  

De verdad que parezco tonta, no encontraba el javascript en ninguna parte y ahora si :(

Y con lo del formato de fecha igual, lo cambié en un sitio pero se vé que no en el otro y aunque yo entendia lo mismo en el sitio no conseguia que funcionara.

Ahora perfecto! Eres un fantastico! siempre me resuelves todo a la primera. Graciasssssssssss

Responder
MALINA  

JMiur otra tonteria de las mias: He dado en el panel de la lista de mis blogs al botón ocultar blog y ahora no se como hacer que se muestre de nuevo, tu sabes?

Responder
JMiur  

Curioso, Guillermo, no debería hacer eso.

Malina: Abajo de la lista visible, debería decir algo así: Visualización de X de XX blogs – Mostrar todo

Click en MOSTRAR TODO y luego, en los que están ocultos, hay un enlace que dice Mostrar Siempre. Click en ese si quieres volver a tenerlo a la vista.

Responder
MALINA  

Solucionado! ya aprendí a manejarlos. Te dije alguna vez gracias? Pues eso... muchas muchas

Responder
GuillermoZ0009  

Si, un no encuentro una expliacacion Logica, de cualquier forma.

Hanlando de Cargas de Blogs:
una consulta, En mi Blog Tengo algunos Gadgets en los cuales uso Scriptaculous, con los Efectos appear, blind, slide, me ahorra espacio, mejora el aspeto y etc... y parece Ser que carga mas rapido el Blog, pero no se si me sugestiono de que asi es por el Script, o en verdad se carga mas Rapido.

Que opinion me puedes Dar Jmiur?
Si ayuda a la carga mas rapido el hecho de que alguos Gadgets esten "minimizados"?

Un Saludo

Responder
JMiur  

No es nada, Malina :D

Guillermo: En realidad, al agregar un script, la carga aumenta. El estar ocultos y tener que desplagarse, tampoco alivia la carga. Lo que ocurre es que, de esa manera, el blog se muestra más o menos normal y accesible mientras la carga continúa. Es un buen efecto. No disminuirá el tiempo pero parecerá que si que, en realidad, suele ser más importante.

Responder
GuillermoZ0009  

Ah muy bien, siempre habia tenido esa duda.


Y nuevamente con esto del tema de la Carga de Blogs...

Quizas deberías Publicar un Articulo (no se si ya lo hayas hecho) sobre algunos "Consejos Prácticos" para hacer mas liviano nuestro Blog, quizas algunos ya tienen encuenta algunos aspectos, como no poner demasiados vídeos, demasiados gadgets, animaciones inceserias, muchas entradas en la Pagina Principal, etc...

Por eso pienso que unos Consejos no nos Cairian nada mal, porque algunas cosas no las contemplamos, por ejemplo, lo que mencionaste sobre los Scripts


Gracias Jmiur, Un Saludo

Responder
Pablo Q.  

Tiempo de carga
5.983 segundos (5983 ms)Navegador Mozilla/5.0 (Windows; U; Windows NT 6.0; es-ES; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11

Responder
Cybermaster  

como puedo ponerlo sin k diga el navegador ni el s.o.
me sale cargando... si borro algo

Responder
JMiur  

Eliminando esto:

<br/><span>Navegador " + browser + "</span>

Responder
PedroX  

Hola JMiur, mira, estuve buscando pero no encontré. Lo que quiero es este mismo script, pero que al terminar de cargarse desaparezca el mensaje "Cargando..." que no salga nada al terminar de cargarse, si me entiendes?

GRACIAS.

Responder
JMiur  

Este script no hace eso sino todo lo contrario; muestra el tiempo de carga. Podrçias mirar esta entrada de Gem@ apra ver si es eso lo que buscas.

Responder
PC  

Muchas gracias. Si que me ha servido. Un saludo

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