Cómo Mejorar La Velocidad de Carga Del Blog

7/24/2019 Cmo Mejorar La Velocidad de Carga Del Blog

1/6

En este artculo veremos de manera prctica cmo mejorar la velocidad de carga del Blog.

Ha llegado la hora de remangarse y tomarse en serio el problema de lentitud del blog. Si..loque oyes, mi blog tambin era lentocomo el tuyo y eso es malo, muy malo y adems est

penaliado por Google.

Por qu un blog es normalmente ms lento que un sitio Web?.

!a pgina inicial deun Blog no es como la pgina inicial de una Web. "n blog puedemostrar varios post, sin embargo, la pgina de inicio de una #eb es eso una $nica pgina.

%or otro lado e&isten ciertos elementos propios de los blogscomo son las fotos de los

fans, losltimos comentarios, lasentradas ms populares, las etiquetas, las imgenes,iconos sociales, la publicidad, buscador, etc., que no son habituales en un sitio 'eb. (on

toda esta cantidad de elementos y casi sin darnos cuentael blog tiene que invocar cada

ve a ms servicios externospara o)recer todo lo mencionado anteriormente,perudicando la velocidad de carga del mismo. Estas peticiones pueden ser rpidas pero

evidentemente la suma de todas es lo que hace que nuestro blog sea cada ve! ms lento.

"betivo de este art#culo

"na ve leas este artculo, no es cuestin de que elimines todos los gadgets de tu blog sino

que uses las herramientas que veremos a continuacin para analiar de manera detenida y

con calma cual de ellos resulta ms lento, y si es posible optimiarlo, en caso contrariodebes plantearte si aporta un valor real al blog.

$%mo considerar si un blog es lento o no?

Es una buena pregunta, se dice que una 'eb lenta es la que tarda ms de & segundosen

mostrar su contenido. *o no he encontrado la ci)ra e&acta para un blog y no creo

que e&ista ya que las herramientas de anlisis sobre este tipo de cuestiones no hacen

distincin entre una #eb o un blog. %or lo tanto tenemos que apro&imarnos lo ms posible a+- segundos, pero no mucho ms. En cualquier caso un blog que supere los '( segundos

es lento ) seguro que puede ser optimi!ado.

*u elementos son normalmente los ms lentos en cargar?

. !as animaciones en +las,/normalmente son archivos muy pesados0


2/6

1. !as imgenes no optimi!adas asociadas a la estructura del blog /iconos sociales,

banners,etcs 0

2. !os Gadgets de terceros, usados para mostrar por ejemplo mapas, usuariosconectados, etc.

$%mo saber cuanto tarda el blog en cargar?

Es lo primero que vamos a averiguar, para ello vamos a usar un servicio gratuitollamadoG-etrixque adems de in)ormarnos sobre la velocidad del blog nos asesora marcandoen color en rojo aquellos aspectos que deberas mejorar. Sigue estos pasos3

. Elimina todo el historial y cach4 del navegador.

1. (onecta con 567etri&.com/ingl4s0

2. 8ndica la url de tu blog y presiona el botn Go!

+. 7ira el resultado y )jate )undamentalmente en dos cosas3

o Eltiempo de carga/%age load time0

o El tama/o total de la pgina /6otal page sie0

9. !a puntuacin global se obtiene con dos letras lo ideal es conseguir 00

:. 5uardar el in)orme resultante a %;< con el )in de tenerlo de re)erencia

-. ;eja la pgina abierta ya que vamos a comparar tu blog con otros.

$ompara tu blog con tu blog usando las vistas dinmicas

Este es un ejercicio sumamente interesante y es que vamos a comparar tu blog con tu

mismo blog usando vistas dinmicas de Blogger.

. =uelve a la pgina que dejaste abierta

1. %resiona el enlace situado a la iquierda que pone >Compare to another URL>

2. ?@ade la url de tu blog y al )inal pon/view, ejemplo3 miblog.blogspot.comAvie#

+. (ompara los dos mismos parmetros.

?qu llegamos a una conclusi%n mu)1 mu) importantey es que si te )ijas, las plantillas

dinmicas no cargan ninguno de los gadgets que tienes en tu blog, ni imgenes /ms que la

de los propios post0, ni publicidad, etc., y gracias a esto tu blog es sumamente msrpido. Esto supone un cambio de mentalidadpara los que hasta ahora daban mayor

importancia al continente que al contenido. Est claro que tu blog tiene que seguir siendo
http://gtmetrix.com/http://www.iniciablog.com/2011/04/vistas-dinamicas-blogger-habilitar.htmlhttp://www.iniciablog.com/2011/04/vistas-dinamicas-blogger-habilitar.htmlhttp://gtmetrix.com/


3/6

un blog por esto es muy importante buscar un punto de equilibro entre la esttica que

ofrecen los gadgets ) los contenidos.

Si quieres en este punto, compara tus resultados con iniciablog.com.

(on G-etrixvas a poder ver /pesta@a Timeline0 qu4 elementos tardan ms, con lo quepodrs incluso eliminar errores de tu blog. ecuerda que en rojo tendrs aquellos elementos

que puedes mejorar.

$onseos prcticos para optimi!ar el tiempo de carga del Blog2

En base a la e&periencia acumulada y el uso de la herramienta G-etrixaqu tienesuna batera de concejos prcticos para mejorar la velocidad de tu blog.

*uita los Gadget que no aportan un valor real a tu blog

S4 que es duro, lo s4, pero es necesario y siempre tendrs tiempo de volver a agregarlos.

. 5adget de relojes, mapitas, usuarios conectados, traductores del blog

1. 5adget de pecesitos, ositos, ara@itas, pajaritos y dems bichos.

2. 5adget del tipo )rase del da, chiste del da, noticias de otros medios...

+. 5adget con e)ecto de tipo estela tras el ratn, nieve, el tiempo en tu ciudad...

9. 5adget de juegitos, tetris, comecocos...

:. 5adget del tipo bolsa, cambio de divisas, calculadoras...

-. 5adget del tipo )oto de puestas de sol, de coches, celebrities...

C. 6e&to rotativo, desliante y con e)ectos

"ptimi!a las imgenes del Blog

En el in)orme de G-etrixha clic en el apartado Optimize images (si te lo ha

marcado en rojo)y analia con detenimiento cada imagen.

. ?sociado a cada imagen, dispones de un enlace ,asta una imagen optimi!ada,ideal para reemplaar por la original. Este seria un m4todo para obtener las

imgenes optimiadas.

1. Dtro m4todo es usar el servicio S7ush8t de *ahoo

o Sube las imagenes a optimiar hasta este servicio desde la pesta@a "ploader
http://www.smushit.com/ysmush.it/http://www.smushit.com/ysmush.it/


4/6

o ;escarga las imgenes optimiadas

o =uelve a publicarlas en tu servidor /sigue al pro&imo punto0

$ual de los servidores gratuitos en ms rpido para cargar las imgenes

asociadas a la interfa! del blog ?%ara responder esta pregunta, lo que hemos hecho es alojar una $nica imagen de

unos 21Cbytes en di)erentes servicios gratuitos de hosting y el resultado de estas

pruebas han sido estos.

o 3magen aloada en Picasatarda F,+2 seg.

o 3magen aloada en Google 4itestarda F,+-2 seg.

o 3magen aloada en +lic5rtarda F1,+1+ seg.

o 3magen aloada en 6ropboxtarda F1,:1F seg. /ms de un segundo mslento que picasa0

7ota2!os tiempos pueden variar en )uncin de las condiciones de lacone&in a internet, pero lo que estamos es precisamente midiendo el tiempo

de respuesta. El mejor servicio es Picasa o Google 4iteel peor donde puede

alojar tus archivos de imgenes relacionados con el blog son


5/6

/normalmente ms in)ormacin o seguir leyendo...0. En este apartado tambi4n

)iguran la cantidad m&ima de post a mostrar.

Botones sociales al pie de cada entrada

;urante las pruebas para lograr este post, me he percatado que los botones de compartir

/como los que tienes al pie de esta entrada0 son algo lentos, curiosamente el deGoogle9esms lento que el de


6/6

6espus de reali!ar la optimi!aci%n de iniciaBlog2

Si comparas los dos gr)icos puedes ver como he conseguido pasar de 9,+ segundos a :segundos,

7ota2

Cómo Mejorar La Velocidad de Carga Del Blog

Documents

Transcript of Cómo Mejorar La Velocidad de Carga Del Blog