¡Foto!

¡Envia tu foto al Fotomaton!

Reducir el tiempo de carga de nuestra web

25 comentarios · 4.546 lecturas · internet

Uno de los detalles que los webmasters y bloggers suelen infravalorar es el tiempo de carga: el tiempo que tarda nuestra página web en cargarse completamente, un factor más que importante.

Un visitante busca acerca de un determinado tema y encuentra nuestra página, y al intentar acceder a ella la página tarda muchos segundos en cargar, automáticamente el lector cerrará la página y procederá a seguir leyendo en otro resultado del buscador que sea más rápido. El tiempo es oro.

Para mejorar la velocidad hay que tener en cuenta muchísimos factores que ya explique por encima en el artículo Conseguir más visitas en tu blog, sin embargo, voy a explicarlo más detenidamente de forma fácil e intuitiva con ayuda de la herramienta Pingdom Tools, que muestro a continuación.

Para empezar, introducimos la dirección de nuestra página web en URL y pulsamos el botón Test now. Esperamos un poco y nos aparecerá un gráfico con un análisis de lo que tarda en cargar nuestra página:

emezeta pingdom tools

Como podemos ver, es la lista de los ficheros que se descargan al visualizar la página web, junto a su tamaño en Kb (o una flecha verde en el caso de que se obtenga una redirección).

pingdom tools bar

Más a la izquierda, se puede ver una barra de progreso tricolor: amarillo primero, verde después y finalmente azul, interesante por tres motivos.

La barrita amarilla indica el tiempo que tarda el servidor web en atender tu petición. Cuando las barritas amarillas son muy largas, significa que el servidor web no es muy rápido gestionando las peticiones y quizás deberías darles un aviso a tu empresa de hosting (o cambiar si lo ves posible).

La barrita verde proporciona el tiempo que se ha tardado desde que se pidió un archivo desde el navegador y éste empezó a descargarse (primer byte enviado). Es la causa más común de lentitud de un servidor, cuando tiene muchas colas de peticiones se puede ralentizar bastante.

La barrita azul muestra el tiempo efectivo que tardó en descargarse el fichero (desde el primer byte enviado hasta el último). En barras demasiado largas, sería conveniente intentar reducir el peso del fichero para una velocidad mayor.

0-1seg ¡Excelente! ¡Tu web es la caña!. Pero cuidado, puede ser que tu página sea demasiado simple, tampoco te obsesiones con la velocidad.

1-2seg ¡Estupendo! Un resultado más que perfecto. ¡Enhorabuena!

2s-4seg Bien, aunque quizás deberías plantearte revisar la velocidad de carga de tu página.

4s-6seg Regular. Deberías revisar los ficheros incluidos en tu página para reducir el tiempo de carga.

6s-8seg Mal, tu página web tarda demasiado en cargar. ¡Necesitas mejorar el tiempo ya!

Más de 8seg Inconcebible. Ponte manos a la obra.

Una buena táctica para optimizar la velocidad de carga de nuestro sitio es, pulsar en el selector Sort by y seleccionar en lugar de Load order (orden de carga), File size (Tamaño de fichero). Obtendremos la lista de ficheros pero ordenada de mayor a menor en cuanto a tamaño.

Así nos será muy fácil, empezar a revisar desde el fichero que más ocupa (y más probable que tarde en descargarse), y reducir el tamaño en el caso de imágenes (cambiar a formatos preferibles, optimizándolas...), optimizar código en caso de CSS, Javascript o HTML, etc...


A continuación, un listado de actas de un repasito por la Blogosfera, para repartir felicitaciones y tirones de orejas (que nadie se duerma en verano ;)). Recordar que hay muchos factores y esto es sólo es una tabla estimada. Depende de la hora del día (flujo horario alto), si el servidor está sobrecargado de peticiones por alguna referencia o mención, etc...

Nombre de la página Tiempo total Calificación
Microsiervos 1.3seg Notable
Sigt 1.6seg Notable
RubenDomFer 10.2seg Insuficiente
Marmota mutante 7.1seg Insuficiente
Telendro 6seg Suficiente
Inkilino 26seg Insuficiente
Elaine Marley 9.2seg Insuficiente
La maté por un yogur 5.1seg Suficiente
ALT1040 1.7seg Notable
Escolar 3.1seg Bien
Fayerwayer 5.6seg Suficiente
BlogMundi 1.9seg Notable
Mangas Verdes 2.4seg Bien
Pixel y Dixel 5.9seg Suficiente
86400 12.8seg Insuficiente
Loogic 4.5seg Suficiente
Tecnochica 2.2seg Bien
Herramientas para blogs 19seg Insuficiente
Isopixel 1.1seg Notable
Minid 1.2seg Notable
Online 7.2seg Insuficiente
PuntoGeek 7seg Insuficiente
Xataka 11.5seg Insuficiente
MundoGeek 5.3seg Suficiente
Pitodoble 8.7seg Insuficiente

¿Y a ti? ¿Cuánto te tarda tu página en cargar?


25 comentarios · Escrito el 20-Jul-2007 · Ver menciones
Recomendar por correo · Meneame · Añadir a del.icio.us

25 Comentarios


#1 Publicado hace 1 año
Lean Lee Lector

Navegando con Mozilla Firefox
Bajo Windows XP

Jeje, el mio tambien tarda, pero tambien es problema de los Spaces porque no te permiten poner mas codigos y hay que andar ingeñandoselas.

Aproposito, si sos de mi edad, seguramente veias estos dibujos animados.

Thundercats, Los Halcones Galacticos, He-Man, el Inspector Gadget, y demas.

Un repaso por su historia para que no queden en el olvido y sean suplantados por los ojos redondos jajaja

(sacando obvio, los simpsons que son de los mejores, si me refiero s los japoneses y sus dibujos raros xP)

#2 Publicado hace 1 año
Lean Lee Lector

Navegando con Mozilla Firefox
Bajo Windows XP

Perdon por el enlace, son asi los de Live Spaces.

Me olvide decirte que si no publicaste en un post, hay un script para msn que reduce mucho el consumo de Memoria.

Yo publique un mini tutorial hace unos meses. Es efectivo el script y lo reduce de 40 nb que a veces usa a 5 o 10 mb.

En el buscador lo encontras si pones reducir consumo de memoria msn.

Saludos

#3 Publicado hace 1 año
mmeida Lector

Navegando con Safari
Bajo Macintosh

Muchas gracias por el aviso. Ya he comenzado a cambiar algunas cosillas que tenía descuidadas y, de paso, he examinado todos mis sitios. Muy buena herramienta este Pingdom.

Un saludo.

#4 Publicado hace 1 año
Liamngls Premium

Navegando con Mozilla Firefox
Bajo Linux

No me puedo quejar mucho, tengo 3 sitios y tardan 6, 2.1 y 1.2 ... al menos no me dará mucho follón :-)

#5 Publicado hace 1 año
ruben Lector

Navegando con Mozilla Firefox
Bajo Windows XP

Cierto, cierto. Aceptado el tirón de orejas, si vale la excusa me pillaste con la caché desactivada

#6 Publicado hace 1 año
InKiLiNo Lector

Navegando con Mozilla Firefox
Bajo Windows XP

Esta semana he estado revisando la carga de mi blog, y eso junto con que me he pasado a un dedicado creo que he ganado mucho en la carga de mi blog.

Gracias por esa magnifica herramienta :P

Por cierto no tenemos un segundo examen?? (Pero danos una semanita por lo menos)

#7 Publicado hace 1 año
Historia Lector

Navegando con Mozilla Firefox
Bajo Windows 2000

1,4 segundos si no tuviera la ultima tira ecol(buenísima--> tira. Teniendola enlazada 2 segundos justos.Pero cuando entro em da la sensación de que son lo menos 5 segundos... A ver si cambio de sistema y de todo, pero da pereza :P

Salu2!

#8 Publicado hace 1 año
Historia Lector

Navegando con Mozilla Firefox
Bajo Windows 2000

Se me olvidaba felicitarte por tu velocidad! después de criticarte tanto antes no te felicité por este tema :P. Con todas tus visitas y la gran cantidad de contendos que tienes (el bloggersnap etc...) tus tiempos son envidiables, (a mí como me visita mi chica y poco más no tengo vuestro problema, jeje)

#9 Publicado hace 1 año
RuFo Lector

Navegando con Mozilla Firefox
Bajo Windows XP

Ojo, pues esa herramienta radica en EEUU, y los pings son muy distintos desde España por ejemplo. Mi web ahora está servida desde España y los pings son bajos desde aquí, pero altos según Pingdom.
Idem al contrario con las webs de dreamhost. Según Pingdom hablamos de 40 ms. pero acabo de hacer uno desde aquí y llegamos a 248 ms.
Supongo que también es importante pensar en ello.

#10 Publicado hace 1 año
Quatermain Lector

Navegando con Mozilla Firefox
Bajo Windows XP

Manz, esa paágina aunque es util para detectar elementos "problematicos" no vale mucho para ver el tiempo de carga de la pagina (y ver si apruebas/suspendes) ya que he medido 5 veces seguidas pitodoble.com (sin cambiar nada en la página) y he obtenido 5 tiempos bastante distintos:

* 10 s
* 7.7. s
* 4.9 s
* 10.9 s
* 6.9 s


Puestos a quedarme con uno me quedo con el de 4.9 s, no te jode... :-P

Y no es de recibo comparar blogs como el de los minibosnios, con muy poco contenido gráfico a otros que tienen más contenido gráfica, lógicamente.

#11 Publicado hace 1 año
Manz Administrador

Navegando con Mozilla Firefox
Bajo Windows XP

Quatermain el tiempo de carga siempre es algo muy variable, nosotros mismos a veces tardamos mas en entrar a una página en un momento que 2 minutos despúes (depende mucho de las peticiones del servidor en el momento, sobre todo en un servidor compartido).

En Pingdom Tools al realizar un test te da el valor correcto, pero no puedes volver a hacer el test hasta pasado unos minutos, puesto que (probablemente) los ficheros están en caché y tarda menos en aparecer. Probablemente Pingdom Tools tendrá una especie de caché para evitar ataques y DoS.

No obstante, sólo es una herramienta orientativa, como bien dices, muchas webs pecan de contenido minimalísta, pero no está de más conocer el tiempo de carga nuestro.

Saludos!

#12 Publicado hace 1 año
rubendomfer Lector

Navegando con Mozilla Firefox
Bajo Windows XP

Uff.. Ya tengo trabajo para el fin de semana :D
Nota: Encontrar un buen tutorial de wp-cache

#13 Publicado hace 1 año
Jose Lector

Navegando con Mozilla Firefox
Bajo Ubuntu Linux

1.9 segundos en mi caso. No está mal ;)

#14 Publicado hace 1 año
Michel Lector

Navegando con Mozilla Firefox
Bajo Windows XP

Como ya han dicho por ahí, es muy variable el resultado final. De todos modos sirve para confirmar como los javascript externos son normalmente los que más ralentizan la carga de las páginas.

#15 Publicado hace 1 año
jose Lector

Navegando con Mozilla Firefox
Bajo Ubuntu Linux

Mi sitio tardaba unos 12 segundos, luego puse los keepalive y demas del apache (httpd.conf) como los tenía meneame y pasé a 4.9 segundos.

http://tools.pingdom.com/fpt/?url=intercambia.net/temas/&treeview=0&column=objectID&order=1

Me queda habilitar el wp-cache pero creo que lo mejor sería un diseño menos pesado... esa cabecera me está matando :P

Saludos

#16 Publicado hace 1 año
Milton! Lector

Navegando con Mozilla Firefox
Bajo Windows XP

Yo estoy en 3.8 s... creo que es un buen tiempo aunque, como todo, se puede mejorar...

Una cosa: al contar los tiempos, me toma la carga de la imagen que uso cuando no se encuentra un post relacionado con una busqueda... eso es común? Es una de las imágenes que más pesa (63.7 kb)...

#17 Publicado hace 1 año
Frani Lector

Navegando con Mozilla
Bajo Windows XP

Me viene esta herramienta como anillo al dedo para mejorar el tiempo en mi blog que es bastante mas lento que los de tabla.

Voy a ver que cuanto consigo rebajar :P

Gracias Manz

#18 Publicado hace 1 año
Nacho 001 Premium

Navegando con Mozilla Firefox
Bajo Windows XP

Que buen consejo!, mi Blog tardaba casi 7 seg, y lo baje a 2 seg con un plugin de Wordpress que se llama WP-Cache , también reduci la cantidad de post que se muestran en la pagina principal y casi siempre evito de poner vídeos de YouTube en los post.

Ahora desde que puse el AdSense aumento a un poco mas de 4 seg, pero bue, esta masomenos aceptable.

Lo que note ya hace rato es que la imagen de la cabecera de mi Blog pesa mas de 60 KB, me parece bastante pesada esa imagen.

SALU2!!

#19 Publicado hace 1 año
seinn Lector

Navegando con Mozilla Firefox
Bajo Windows XP

Muy buen artículo, Manz, me ha encantado. Gracias!

El tiempo medio de carga de mi web personal ha sido de 0.6 segundos, me he quedado impresionado. La siguiente vez que probé salió un tiempo un poco mayor (lo cual es extraño partiendo de la teoría esa del caché, ¿no?). Y la siguiente salió 0.4.

PD: Enhorabuena por el nuevo diseño. Lo veo bastante profesional aun conservando una cierta línea del anterior Emezeta. Te has lucido ;)

#20 Publicado hace 1 año
alida Lector

Navegando con Internet Explorer
Bajo Windows XP

Uffss estoy como regular jejeje
6.4 o algo así
Gracias

#21 Publicado hace 1 año
alida Lector

Navegando con Internet Explorer
Bajo Windows XP

Tia te llamas komo yo alid ...k fuerte yio pensaba k solo era mi tia y yo llamandonos alida joe k wayyyyyyyyyyyyyyyyyyy

#22 Publicado hace 1 año
vicky Lector

Navegando con Internet Explorer
Bajo Windows XP

Hola nose si te llegan los comentarios!!!
quiero saber la contraseña de mi novio!!!
martinbombelobos@hotmail.com
enviamela a mi correo....dulce_freya@hotmail.com
besos gracias!!!

#23 Publicado hace 1 año
luigix Lector

Navegando con Mozilla Firefox
Bajo Windows XP

Mi blog (www.luigix.com) me ha tardado 1.6 segundos ! Puerdo considerarme afortunado :)

#24 Publicado hace 1 año
The-RockeR Lector

Navegando con Mozilla Firefox
Bajo Windows XP

Mi blog, con Dreamhost y de tema K2 me tarda de media 4,5 segundos en cargar. Creo que no está nada mal :D

#25 Publicado hace 3 meses
Juanjo Lector

Navegando con Mozilla Firefox
Bajo Windows XP

Mi web tarda 3.9 segundos...

Deja tu comentario


en Internet.




Consejos


  • Los comentarios fuera del tema del artículo (OFF-TOPIC) serán eliminados.
  • Escribir completamente en MAYUSCULAS en Internet equivale a GRITAR y está mal visto.
  • No utilices lenguaje SMS, en Emezeta no te cobramos por letras escritas.
  • No hagas publicidad de tu página o dejes enlaces en el comentario para aumentar el PR o la popularidad en buscadores. En Emezeta se aplica el tag nofollow, que hace que Google ignore esos enlaces.
  • No insultes. Al escribir un comentario tus datos quedan almacenados y serás el único responsable de tus palabras. Se permite la libertad de expresión y de opinión, pero no los comentarios ofensivos.
  • Puedes insertar algunas etiquetas HTML en los comentarios: em, a href, b, i, em, code, acronym y strong.
  • Es posible añadir una foto junto a tus comentarios, para ello sólo tienes que personalizarla en Gravatar. [?]

Envía tu foto


Fotomatón Emezeta

Envia tu fotografía al fotomatón de Emezeta. Puedes enviar varias y saldrás en la portada de Emezeta.


Artículo de http://www.emezeta.com/

10 consultas efectuadas / Página generada en 0.038 segundos

Programado íntegramente por José Román (Manz) en XHTML y CSS estándar.

Sindicado bajo Feed RSS. Contenido bajo licencia Creative Commons

Estadísticas de visitas · Términos y condiciones · Contacto · Publicidad · Preguntas frecuentes (FAQ)