Mostrar el tiempo de carga de nuestras páginas – Auto

Hace tiempo vimos cómoestimar y mostrar el tiempo aproximado que se tardaría en leer cada una de nuestras publicaciones según su extensión. Ahora alguien me pidió hacer algo parecido pero para conocer cuánto tarda en cargar cada página.

Es algo que algunos sitios muestran normalmente al final de cada página, pero aparte de ser un dato curioso o de interés para el propio autor del sitio, no conozco ninguna otra utilidad. Por eso, a pesar de ser algo muy sencillo nunca había explicado cómo hacerlo, pero será algo que solucionaremos a continuación.

Esta página se ha cargado en*esperando* segundos.

La cosa se hace con JavaScript y sólo es cuestión de guardar la hora (exacta) a la que comenzamos a cargar la página, recoger también el momento en que termina la carga y luego simplemente hacer una resta para calcular la diferencia de tiempo.

Esto en JavaScript sería así:

script type='text/javascript'
//![CDATA[

var inicio = new Date;

function tiempo_carga(){
var fin = new Date;
var segundos = (fin-inicio)/1000;
var salida = "La pagina ha sido cargada en "+segundos +" segundos";
document.getElementById("tiempoCarga").innerHTML = salida;
}

onload=function() {tiempo_carga();}

//
/script

Elonload hace que la función arranque tras la carga de la página. Ahí es dónde hacemos la segunda lectura de hora, calculamos cuantos milisegundos pasaron con respecto a la primera y por último, imprimimos el resultado.

Para que el cálculo sea lo más aproximado posible al tiempo real trascurrido, el script debería ir casi en la primera línea de código de la página, pero como supongo que unas décimas más o menos no dañan a nadie, lo fácil es ponerlo antes del/head. Eso sí, si tenéis más cosas por esa zona, que sea antes de todas ellas, lo que nos llevaría a la línea justo después del cierre delSKIN en el caso de Blogger.

Pero tras esto falta algo más. El script va corriendo y cuando se detiene es cuando captura unaID que hemos llamadotiempoCarga para volcar en ella el dato. Por tanto, dónde queramos que se vean los segundos transcurridos hay que añadir una caja con ese nombre:

div id='tiempoCarga'Cargando.../div

Con esto lo podéis montar fácilmente incorporando el dato a un texto:

Esta página se ha cargado en span id="tiempoCarga"i*esperando*/i/span

...o incluso adornándolo con imágenes:

div style="width:400px;display:block;margin:0 auto;text-align:center;background:#fff;border:1px solid black;padding:5px;font-size: 90px; line-height: 100px;"span style="float:right;" id="tiempoCarga"/spanimg style="border:0;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiahgDYuEbvTU_uBJc4SWpxenfjh2qNDzTKTq8_EGBExpJFF7l8zVM63IusvOKWUce-iMmDVTPGd1S5Q0cfggYA3BjETandpLQYbO0SSHeBTVyzmvPqpgF4LRvn81Hy5L6yhV7mQ7KDjvU/s400/cronometro.jpg" //divdiv style="clear:both;"/div

Nota: El semáforo con diseño de reloj de arena lo vi enYanko Design. Más información sobre ese curioso artilugio en el anterior enlace.

Nota 2: En casa del herrero cuchara de palo. Lo sé ;)

Esta página se ha cargado en*esperando* segundos.

Actualización

Como dije al principio, no veo mucha utilidad para esto salvo que sea para añadir algún detalle resultón a la página o para uso propio. Si lo vais a utilizar para lo segundo quizás lo mejor sería utilizar la claseitem-control blog-admin que vimos en otra ocasión. Así, si la añadimos a la caja que mostrará el dato, está sólo será visible para nosotros, los administradores del blog.

div class="item-control blog-admin"
Esta página se ha cargado en span id="tiempoCarga3"i*esperando*/i/span segundos./div

Evidentemente, en este caso la demo no la podréis ver...

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetPero tuve que ser Mundial Football consolidating FIFA World Cup web host rating,register web address,online psychology degree,her first lesbian sex, make extra money ,make money fast and easy,addwords y mejor obtuve un credit application,visa gift carda,Mesothelioma law firm,voip phone service,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity