Mostrar el tiempo de carga de las páginas

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 ...

Cerrar sesión.

Cuando hay  niños en casa y de pronto dejamos de oír su alboroto siempre decimos "algo están haciendo"
Con Blogger es distinto, lo solemos decir cuando algo deja de funcionar porque coincide y está demostrado que cuando algo no funciona seguidamente aparece una novedad y no, no me confundí. No dije mejora porque mejoras y novedades son dos cosas distintas.

Esta vez la novedad ha sido un enlace en el formulario de comentarios, nos da la posibilidad de salir. Siempre que hacemos uso de "salir" en cualquier página sabemos que estamos cerrando sesión.

Curiosa yo, quise salir como si esperara traspasar el umbral y encontrarme en el País de las Maravillas. Por una vez todo funciona tal y como debe, con la hospitalidad que caracteriza a Blogger nos invitan a volver.

Y ahora me pregunto... ¿Qué utilidad tiene ese enlace? no dejo de darle vueltas y la única conclusión es la de salir corriendo.
¿Es una salida para los que dejan comentarios de mal gusto?
¿Una forma de salir a coger aire si los comentarios nos abruman?
Si alguien tiene una buena explicación que me lo diga, la añadimos a la entrada y de paso duermo más tranquila esta noche ...

CopySense - aprender jugando

CopySense es una de esas páginas donde podemos curiosear y aprender al mismo tiempo.
¿Qué aprendemos? los tipos de borde que podemos usar, por ejemplo escogemos un tipo de borde, grosor, tamaño y color y obtenemos los estilos viendo el efecto que tendrán antes de añadirlos a nuestro atrabajo.

El Site Map que hay en la sidebar nos ofrece más curiosidades, vale la pena verlo.

Texturas grunge

El estilo grunge se caracteriza por sus formas rudas y distorsionadas, este pack contiene cinco texturas disponibles para descargar en deviantART