La caché en Blogger

La mejora en el rendimiento de nuestros blogs influye a nivel de optimización de para los motores de búsqueda. Es decir, la posición de nuestro sitio en los resultados de búsqueda se ve influenciada por la velociad con la cual somos capaces de ofrecer nuestras páginas a los usuarios.

Es normal que no puntúe igual para la colocación en los primeros puestos de resultados una página lenta frente a una rápida. Por ello, es importante que ajustemos bien los consejos de "Page Speed Insights" para optimizar todo lo posible nuestros resultados. No sólo ya de cara a obtener mejores resultados SEO sino también porque nuestros usuarios agradecerán enormemente el tiempo de respuesta que nuestro sitio les brinde. Sin embargo, dado que utilizamos Blogger, tendremos "limitadas" algunas posibilidades que nos permitirían tener un mayor control de la caché de nuestro sitio y que no podemos resolver de otra manera que a través de meta etiquetas que emulan la respuesta de las cabeceras HTTP de nuestro sitio web.

Aunque las mejoras que te presento no cambiarán tu puntuación en el page-speed, notarás que sí hay mejoría en la gestión de la caché en los navegadores de tus usuarios, transmitirás una mayor sensación de velocidad y "paliarás" en parte el problema que tenemos de no poder editar las cabeceras HTTP del servidor.

CONCEPTOS INICIALES:

Para podernos hacer una idea de cómo objetivamente estamos trabajando con nuestra web para obtener los mejores resultados de rendimiento, debemos realizar las mediciones a tal efecto siguiendo la guía sobre resolución de problemas en dicha materia. En ella, prestamos especial atención al uso de "Page Speed Insights" como herramienta para nuestras mediciones.

LA CACHÉ:

Al utilizar la herramienta Page Speed, en el listado de resultados con alerta puedes encontrar una frase como esta:

"El período de validez de los siguientes recursos que se pueden almacenar en caché

es muy breve."

La caché, sin entrar en detalles muy técnicos que escapan a las pretensiones del artículo, es una "memoria intermedia" que se encuentra disponible en tu navegador para almacenar objetos o componentes de las páginas webs (imágenes, .css, etc...) que visitas en tu disco duro. De esa manera, cuando vuelves a visitar ese sitio web, tu navegador no tiene que solicitar al servidor de nuevo los objetos que componen la página web porque dispone ya de ellos en tu disco duro.

Así pues, si tienes componentes ya "cacheados" en tu disco duro, tu navegador no tendrá que volver a solicitarlos al servidor y esperar a que se descarguen desde él porque ya los tienes tú cargados y listos en tu disco duro.

El problema es que no podemos tocar las cabeceras HTTP en Blogger, como mucho podemos intentar utilizar meta-etiquetas para paliar el problema. Por ello, aunque hagas el cambio para controlar la caché, no desaparecerá de la lista de avisos de Pagespeed pues sólo los usuarios con dominio propio podrían llegar a editar estos valores donde realmente son efectivos: en la cabecera HTTP.

CÓMO ADMINISTRAR LA CACHÉ ADECUADAMENTE EN TU BLOG:

Google es muy preciso al informar en el soporte de Page Speed la recomendación para el control de caché:

"Recommendations

Set caching headers aggressively for all static resources.
    For all cacheable resources, we recommend the following settings:

        Set Expires to a minimum of one month, and preferably up to one year, in the future. (We prefer Expires over Cache-Control: max-age because it is is more widely supported.) Do not set it to more than one year in the future, as that violates the RFC guidelines.

        If you know exactly when a resource is going to change, setting a shorter expiration is okay. But if you think it "might change soon" but don't know when, you should set a long expiration and use URL fingerprinting (described below). Setting caching aggressively does not "pollute" browser caches: as far as we know, all browsers clear their caches according to a Least Recently Used algorithm; we are not aware of any browsers that wait until resources expire before purging them.
        Set the Last-Modified date to the last time the resource was changed. If the Last-Modified date is sufficiently far enough in the past, chances are the browser won't refetch it."

El uso de "Expires" como mínimo a una mes parece la opción recomendada más fácil de aplicar.

"EXPIRES" UTILIZACIÓN:

La función para control de Caché EXPIRES se debe incluir antes del final de la etiqueta </head> con el siguiente formato:

<meta content='Sat, 20 May 2014 22:25:27 GMT' http-equiv='Expires'/>

Donde expresamos a nivel Blogger que en la plantilla HTML establecemos un período de expiración del uso de caché del tiempo que prefiramos.

La fecha de expiración debe ponerse como mínimo un mes más tarde de cuando implementemos esta nueva línea de código y como máximo un año más tarde (se puede más pero no está indicado como una buena práctica, procurad no pasar de un año).

ACTÍVALO EN TU BLOG CON UNA META-ETIQUETA:

1) Realiza una copia de seguridad antes de introducir cambios en el código fuente de la plantilla HTML de tu Blog.

2) Entra en Blogger y en el menú derecho dirígete a la opción "Plantilla".

3) Pulsa el botón "Editar HTML" (a la derecha de personalizar).

4) Justo debajo de la etiqueta <head> añade la línea de código:

<meta content='Sat, 20 May 2014 22:25:27 GMT' http-equiv='Expires'/>

pon el día, Fecha y hora que a tí te convenga, te recomiendo que sea como mínimo un mes o como máximo un año desde el momento en que lo hagas.