Credit image

¿Te gusta el diseño web? ¡Echa un vistazo a la documentación de LenguajeCSS.com!

Reducir el tiempo de carga de nuestra web

Aconsejamos echar un ojo al siguiente artículo: Conferencia: Optimizar el rendimiento web, en el que se explica lo que se menciona aquí y está mucho más completo.

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:

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

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?

Escrito por Manz, el , en webmasters. Comentarios recibidos: 47.

47 comentarios de lectores
Lean Lee
Lean Lee
1

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)

Lean Lee
Lean Lee
2

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

mmeida
mmeida
3

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.

Liamngls
Liamngls
4

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

ruben
ruben
5

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

InKiLiNo
InKiLiNo
6

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)

Historia
Historia
7

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!

Historia
Historia
8

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)

RuFo
RuFo
9

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.

Quatermain
Quatermain
10

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.

Manz
Manz
11

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!

rubendomfer
rubendomfer
12

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

Jose
Jose
13

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

Michel
Michel
14

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.

jose
jose
15

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

Milton!
Milton!
16

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

Frani
Frani
17

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

Nacho 001
Nacho 001
18

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

seinn
seinn
19

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 ;)

alida
alida
20

Uffss estoy como regular jejeje 6.4 o algo así Gracias

alida
alida
21

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

vicky
vicky
22

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

luigix
luigix
23

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

The-RockeR
The-RockeR
24

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

Juanjo
Juanjo
25

Mi web tarda 3.9 segundos...

K noticia
K noticia
26

Hola... Mi blog además, de cargar rápido, no esta muy cargada la primera página. Te felicito por tu trabajo. Saludos cordiales.

wildkyo
wildkyo
27

Genial servicio. Mi web tarda 3'9 segundos. No esta nada mal. :D

travesiaitaca
travesiaitaca
28

Hola. Enconté muy útil tu artículo. Muchas gracias por compartir lo que sabes con nosotros. Espero puedas ayudarme aún más. He probado mi página desde distintas computadoras y tarda en cargar. Ya me comuniqué con mi host (bluehost.com) y dicen que ellos no encuenran problemas con la página, que a ellos les carga rápido y bien. Utilicé Pingdom Tools y estos fueron los resultados: http://tools.pingdom.com/fpt/?url=www.travesiaitaca.com&treeview=0&column=objectID&order=1&type=0&save=true No obstante, aún tarda en cargar. ¿Crees que sea mi conexión? ¿Quienes visiten la página tendrán el mismo problema? Gracias.

Manz
Manz
29

@travesiaitaca: El problema es que tu página está desarrollada en flash. Esta tecnología es más vistosa y llamativa, pero a la misma vez tarda bastante más en cargar, ya que tiene que descargar todo el contenido, en una capa distinta de la que normalmente se mueve la tecnología web. Tu hosting no tiene ningun problema en la tardanza de carga. Si acaso, te recomendaría optimizar el flash para reducir el tiempo.

V18
V18
30

Hola. Mi web varía bastante. Hay veces que no tarda ni un segundo y otras que te puedes tirar 15 o así. Cuando tarda tanto es (según este medidor), porque tarda mucho en la primera barrita, que es verde y muy larga. Esto es culpa del hosting o de mi web????

Los pensadores
Los pensadores
31

Hola! una pregunta: esto que dijiste antes, se puede hacer en Blogger? "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" saludos y gracias!

Luisito
Luisito
32

Pitodoble me tardo cerca de los 20 segundos, mi web dice que tarda de 4 a 6s quiero que me den su opinion de si es navegable y si no que elementos debo quitar. http://www.conceptopixel.com

n.n
n.n
33

Emezeta: 6.9 segundos = Mal, tu página web tarda demasiado en cargar. ¡Necesitas mejorar el tiempo ya!

Loren
Loren
34

La tabla me parece un poco pretenciosa, he chequeado webs importantes y ninguna baja de 5.8 segundos (que segun la tabla es mas bien un mal que un regular) Incluso esta web (emezeta) tiene 9.3 segundos de cargado...

Redcreativa
Redcreativa
35

Los invitamos a ver nuestra Web que en la prueba cargo en 2.3 seconds. Está realizada completamente en Flash. Esperamos sus comentarios. www.redcreativaweb.com.ar

robnovelo
robnovelo
36

Hola manz, las 3 ultimas ves( dias diferentes) que he vistado tu web mi lap se ha quedado congelada, y luego ya anda bien,la primera vez ni me fije cual era la pagina, la segunda pues solo era la tuya la que tenia abierto y al ultima vez alcance a ver en la barra de abajo , que se quedo colgada en el momento de cargar coguan.com, sin embargo si intento entrar otra vez ya carga normalmente. Me ha sucedido despues del cambio de look de tu pagina. Saludos!

Manz
Manz
37

@robnovelo: ¿Se te queda congelado el sistema completo? ¿O te refieres sólo al navegador o que no carga el resto de la web? Prueba a actualizar el navegador a la última versión y limpiar el caché, para comprobar si sigue ocurriendo lo mismo. Si puedes enviarme un email, intentaré investigar a ver que ocurre.

Ernesto
Ernesto
38

Buenas, para empezar exelente artículo! Tengo un blog que tarde 5.4 en cargar. El mayor problema me la causan 8 imagenes que tengo en ImageShack. Álguien me puede dar alguna solución partiendo de la base que esas imágenes son esenciales para mi blog. Gracias y un saludo.

ecocibert
ecocibert
39

hola que buen tutorial. He probado la herramienta que describes en el artículo y me dice que mi web tarda 2.6seg, pero la herramienta de google para desarrolladores me dice que mi web tarda 11.6 seg en promedio....y cuando yo abro mi web pasan como 20 seg aproximadamente hasta que esta toda cargada....entonces a quien le creo. me he puesto a cambiar de formato y reducir el peso de las imágenes pero aún sigue igual...creo que me daré por vencido y dejare la velocidad como está....si pueden les agradesco un poco de ayuda mi web es http://www.economistacibernetico.net16.net saludo y gracias!!

Domingo
Domingo
40

Bueno, aqui has dado consejos interesantes. Muchas gracias por sacar a la luz una herramienta como la de Pingdom Tools. Tengo una preguntita, si mi web lo que está es mucho tiempo esperando desde la primera petición (7,5 de los 10 segundos que tarda en cargar) ¿qué puedo hacer? ¿Es cosa del servidor? ¿Si cambio de servicio de hosting, esto puede mejorar? Bueno, muchas gracias otra vez y un saludo!

Wanda Fisher
Wanda Fisher
41

Yo entré a este blog porque la herramienta WooRank me daba un tiempo de carga excesivo. Está muy buena la información que das en tu blog. Me ha resultado muy enriquecedora. Gracias por compartir.

jose
jose
42

Muy buen articulo, mi pagina tarda 1,8 :)

Irene
Irene
43

Disculpad, hay una cosa que no consigo entender, a ver si alguien me lo puede y quiere explicar. Estoy intentando optimizar mi sitio web sin tener ni z... de na, la verdad. Cuando utilizamos una herramienta como esta, el tiempo final es lo que tarda en descargarse toda la página o el home?? Lo que debe interesar es lo que tarda en cargarse una pagina en concreto no? en la que entre el usuario, la home o lo que sea que es lo primero que va a ver. Porque a mi me da 6,80 sg, que es una barbaridad.Pero al entrar yo en la pagina no tarda mas de 2(habiendo borrado la caché del browser). O es por donde estoy yo situada respecto al servidor? Yo estoy en Francia y el servidor en Suiza. Y ya que estamos en materia me aprovecho... El PageSpeed Insights me da 89 de 100, pero me dice que tengo que arreglar el tiempo de respuesta de mi servidor (el dice 1,4 , el pingdom este me daba màs de tres). Eso se debe al peso de mi pàgina o al servidor?. Porque es un servidor bastante caro que contraté despues de ver muchas buenas opiniones y si es asi me va a tocar un poco los ovarillos. Si este es el caso puedo exigir mayor velocidad o ajo y agua??? Ea, vaya rollo os he metido, bueno, lo siento si os aburrí:) www.motionlives.com

david
david
44

Hola Manz, desde hace tiempo leo tu blog y me gusta todo lo que escribes. Sin duda es enriquecedor. En mi página he configurado plugins de caché y minify de css, javascript y html, además de utilizar el CDN gratuito de Cloudfare. La verdad que he conseguido aumentar muchísimo la velocidad de carga de la web, pero hay una cosilla que me tiene loco: El efecto Rocket Loader de CDN hace que mi web cargue como a saltos, aunque cargue rápido... He investigado acerca de los javascripts y contenidos externos que carga mi web (con la hgerramienta Pingdom tool, ademas de con Page Speed y con Firebug), y he probado ya a comprimirlos con los plugins de Minify, además de añadir GZIP a mi web... pero sigue cargando a saltos. Pienso que si localizo el contenido responsable de esos flasheos y lo comprimo con el WP-MINIFY (no se si serán javascripts, css o html...) quizás eliminaría ese efecto de flasheos constantes en la carga de mi web. ¿Voy bien encaminado? , ¿Qué debo hacer con ese contenido externo?, ¿es correcto comprimirlo también o por el contrario debería hacer otra cosa como cargarlo en el footer o evitar que el Rocket Loader lo comprima de alguna forma...?. ¿Quizás no es el contenido externo sino alguno interno de mi web y debería comprimirlo más?.... ¿Podrías echarle un vistazo y decirme qué opinas?. Llevo probando varias semanas y no consigo eliminar el efecto relampagueante de la web cuando carga.... :-( Espero puedas arrojar algo de luz sobre mi problemilla. Prometo crearte un altar virtual en el core de mi web, además de seguir retwitteando tus contenidos hasta la saciedad si consigues quitarme este dolor de cabeza debido a mi problemilla de carga con Rocket Loader. Saludos.

Manz
Manz
45

@david: Te sugiero desactivar la característica Rocket Loader de CloudFlare (yo no la uso), ya que el tema de modificar la carga de recursos de forma asíncrona es algo más delicado y puede presentar problemas como el que mencionas. Algunos sitios web no pueden cargarse asíncronamente por la forma en que están diseñados. Además, recuerda que esa feature está en fase beta, es posible que no sea un fallo tuyo, sino que no está preparada para alguno de los complementos que utilizas. Si aún así quieres investigar, te sugiero que examines el Javascript (muy probablemente, el problema está ahí) y eches un vistazo a esto: Async sharing buttons (G+, Facebook, Twitter). ¡Un saludo!

Rubén Molinero
Rubén Molinero
46

En pingdom tengo 2.98, y ya me resulta difícil bajar de ahí . Supongo que dependerán de muchos factores. Lo que más me cuesta es reducir el peso de las imágenes. Seguiremos trabajando en ello :). Gracias por el post.

Ricardo
Ricardo
47

El problema de la velocidad de carga es uno de los que más me aburre, pero bueno hay que hacerlo. Gracias por los consejos. Un saludo! :)

  • 1
Publica tu opinión

Si lo deseas, puedes utilizar el siguiente formulario para publicar tu opinión o responder a alguna de las existentes:

Previsualización

Aquí se previsualizará su comentario. Revise que sea correcto antes de publicarlo.