Leverage browser caching

Leverage browser caching. 

Optimiza la velocidad de tu blog.  

Optimizar tu blogger. 

Esta es una guia para hacer tu blog mas liviano. No es una verdadera solucion porque esa solucion no la puedes hacer ya que se hacen en el servidor y el servidor es Google; pero al menos podras optimizarlo y darle la mayor rapidez posible.

Pero 1* vamos a meternos en el contexto de buscar al culpable de este crimen y atropello; y vamos a gritar todos juntos nuestro enojo por internet.

Si haz realizado cada paso de Google PageSpeed Insights y GTMetrix para poder mejorar la velocidad de tu blog; te llevaras una desilucion y frustracion porque "nunca"
podras obtener mas de un 82%. Jamas podras obtimizar tu blogger para el standad que google impone disfrutando inquisidoramente de sancionar con bajo "pagerank" a quien lo eligio.
Si, tengo mucho enojo!
Porque la unica forma de llegar "al verde" es jackeando  el xml de la plantilla. (Lo cual es sencillo para quien entiende javascript y css). Pero para la gran multitud no lo es.Ademas, si jackeas el xml (y supongamos que no hayas inutilizado totalmente o parcialmente tu site) piedes toda actualizacion de blogger respecto a tu panel. Es decir que, deberas configurar todo directamente tu mismo y desde el xml.

Si, comparto el insulto que haz pensado de Google!
Es bochornoso lo que hace con sus usuario!

Esto me hace recordar los grandes acontecimientos historicos que extinguieron a los grandes dinosaurios, emperadores y dictadores de la faz de la tierra:
Constantino, Napoleon,Hitler; todos en sus ambiciones de conquistar el mundo, sucumbieron ante "el crudo invierno Ruso".

Pero dejando de lado esta rabia que tenemos y para los valientes que se animen; vamos a intentar dar una solucion.

Guia de mejoras para tu blog. 

Vamos a entender y solucionar las sugerencia que PageSpeed te ofrece para mejorar el rendimiento de tu Blog.

Voy a darte algunos trucos para que llegues "al verde" de Google PageSpeed Insights:

Trucos para optimizar tu blog: 

Nota:
Todos estos trucos son sencillos y consejos muy faciles de hacer, que estan comprovados y al final de realizar todos, llegaras "al verde" ( o te acercaras muchisimo).

Consejos para optimizar tu blog: 

1* baja todos tu widgets al footer (facebook, google plus, y todo ese tipo de widgets). Elimina los inutiles. No sobtecargues de widgets. de esta forma, los que hayas elegido cargaran despues que cargue tu blog y tu blig estara mas liviano.
2* elimina todo lo que sea galeria de imagenes.
3* optimiza el peso de las imagenes con herramientas online que comente en esta entrada 
O en Smushit y TinyPNG (buscalos En Google)

4* Si tienes el Widget " de "entradas populares" (o mas visitadas. No recuerdo bien su nombre) configuralo en 5 entradas y sin imagenes.
5* Tambien configura 5 entradas en tu pagina de inicio.

Ahora mide la velocidad y veraz que se maximizo levemente la carga del blog.

Ahora Haz un backup de la plantilla ( el xml ) y trabaja con una copia de ella en tu computador.
Por si arruinas todo con algun error (a todos les sucede).

Una vez teniendo el xml, haz una copia para realizar estas inclusiones de pequeños tags y scripts que voy a brindarte.
Atencion: vas a empezar a modificar cosas, ten cuidado y presta atencion. Prueba la velocidad con cada modificacion en GTmetrix y pagespeed. Y si dio todo ok suplanta ese backup que tenias reservado con cada nueva optimizacion.

1* Truco para optimizar tu blog: 

Ve a la configuracion, entra en editar Html, personalizar y en el panel de tu izquierda click a fondo, eliminar imagen de fondo. Ahi eliminaste 60/80 Kb.
Prueba las mehoras en GtMetrix y pagespeed. Descarga un backup, suplanta el anterior backup y haz una copia para que puedas continuar con estas optimizaciones.

2* truco para optimizar tu blog: 

Ahora justo antes del cierre del Body, pega este script para optimizar tu javascript y hacerlo mas rapido ( presta atencion aqui. Si te sale mal solo sube el backup anterior y asi hasta que quede ok.

Pegar antes del cierre del body:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
jQuery('a').each(function() {
    // Let's make external links open in a new tab.
    var href = jQuery(this).attr('href');
 
    if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {
        jQuery(this).attr("target", "_blank");
    }
});
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
jQuery('a').each(function() {
    // Let's make external links nofollow.
    var href = jQuery(this).attr('href');
 
    if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {
        jQuery(this).attr("rel", "nofollow");
    }
});
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
  $('img').each(function(){
    var $img = $(this);
    var filename = $img.attr('src')
    $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  });
});
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
  $('img').each(function(){
    var $img = $(this);
    var filename = $img.attr('src')
    $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  });
});
//]]>
</script>

Si te ha salido todo ok. Descarga un backup, suplanta el anterior backup y haz una copia para que puedas continuar con estas optimizaciones.

3* Truco para optimizar tu blog:

Busca en el Head y justo debajo de esto:

<title><data:blog.pageTitle/></title>

Pega esto:

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<meta content='ayuda para tu blog, tutoriales blogger, trucos blogger, optimizar tu blog, gadgets para blogger' name='keywords'/>
</b:if>

Te tiene que quedar asi:

Donde ves los nombres de las keywords pon yus 5 keywods.

Si realizaste todos estos pasos obtendras estas mejoras:

* Tu página no tiene redirecciones.
* Ha habilitado la compresión.
* Su CSS se minified.
* Sus imágenes se han optimizado.
* Usted tiene el contenido por encima de la tapa correctamente prioridad.
* El servidor respondió rápidamente.

Por desgracia, mas de estas optimizaciones no podras realizar porque son configurables desde el servidor y el servidor es Google. ¡Maldito Google! A lo sumo puedes jackear el xml y de eso debes buscar por internet que hay mucho material. Yo no puedo aconsejarte, porque nunca se sabe si google va lanzar una actualizacion o alguna mejora como la que lanzo la semana pasada en la herramienta para subir imagenes ( que cambio su aspecto) . Ademas si jackeas el xml Google se dara cuenta. Y todos ustedes, mis amigos, me recordaran por haberlos aconsejado mal.

Que opinan ustedes?

Los invoto a comentar y ver las demas entradas.