website stats » Tiempo que tardó una página en cargarse | Solo Código |

Tiempo que tardó una página en cargarse

Escrito por J.F. el Lunes, 6 de Agosto del 2007 a las 14:23

Gracias al siguiente script, vamos a calcular mediante Javascript cuanto tiempo tardó una página en cargarse. Es muy sencillo, asi que vamos allá. En el head de la página o en el fichero externo donde tengamos nuestras funciones Javascript deberemos incluir lo siguiente:

JavaScript:
  1. <script>
  2. var inicio=new Date();
  3. inicio=inicio.getTime();
  4. function ini() {
  5.     fin=new Date();
  6.     fin=fin.getTime();
  7.     tiempo=(fin-inicio)/1000;
  8.     document.getElementById('tmp').innerHTML=tiempo;
  9. }
  10. </script>

Para mostrar el tiempo que tardó la página en cargarse simplemente emplearemos el siguiente código HTML:

HTML:
  1. <body onLoad="ini()">
  2. Tiempo de carga: <span id="tmp">Calculando...</span> segundos.
  3. </body>

De ésta forma tan simple podremos ver cuanto tiempo emplean nuestras páginas web para cargarse.

Categoria: Javascript

2 Comentarios

Entradas relacionadas


Comentario de Dany

Realizado el Lunes, 6 de Agosto del 2007 a las 17:39

Hola, he probado este código por curiosidad en mi web y hay algo que no me funciona.

Me sale “Tiempo de carga: Calculando… segundos.” pero nada más.

¿Quizas haya algún error en el 2º código?

Un saludo y enhorabuena por el excelente trabajo realizado en esta web.

Comentario de J.F.

Realizado el Lunes, 6 de Agosto del 2007 a las 18:53

Hola Dany, gracias por tu comentario. Si te aparece eso lo más probable es que no tengas Javascript activado. O bien lo tienes desactivado en tu navegador, o bien el hosting en el que alojas tu web no acepte Javascript. De todas formas solo lo he probado en Internet Explorer 6, puesto que estoy en el trabajo(aquí solo usan Internet Explorer :s)he escrito la entrada en el descanso, asi que en el caso de que no sea eso lo que ocurre trataré de revisarlo. Un saludo.

Escribir un comentario

Puedes usar las siguientes etiquetas HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Solo Código

Solo Código es una colección de códigos de todo tipo que pueden resultar útiles para el diseño de páginas web. Está enfocado tanto para aquellos que son expertos, como para aquellos principiantes que quieren encontrar recursos útiles, o no saben implementar determinadas funciones en sus webs. No olvides que Solo Código es un blog de Informática Práctica, donde tenemos otras secciones interesantes como:
| Tutoriales | Trucos | Software | Links | Buscar |