Mejorar la caché en Wordpress

La caché posiblemente sea el aspecto que peor se optimiza de cara a la creación y mantenimiento de páginas webs, es la gran olvidada de todas los portales y sin embargo conlleva muy poco trabajo y una gran recompensa de cara al posicionamiento y sobre todo, de cara a la mejora de la velocidad de carga.

Como todos sabéis, la caché web, es aquel espacio de memoria que se almacena para reducir el ancho de banda necesario para la carga de una web, es decir, una especie de disco en el que almacenamos la memoria, en forma de imágenes, documentos, etc..., que ayuda a arrancar la web de manera más rápida, sin tener que acceder de nuevo al servidor origen y tener que realizar todas las peticiones cada vez que ingresamos en una misma web.

Pues bien, esta caché, bien optimizada, puede ahorrarnos grandes dolores de cabeza en cuanto a la velocidad de carga de una web se refiere. Vamos a ver como mejorar esa caché para optimizar nuestra web, para ello veremos dos métodos.

1. Mediante plugins
Existen muchos plugins para mejorar la caché de nuestro Wordpress, entre ellos encontramos algunos como WP Super Cache, W3 Total Cache, DB Cache, Hyper Cache, WP-Cache,... Existen tantos y tan buenos que lo mejor es probar y quedarse con el que más nos guste y mejor nos funcione.

2. Con el archivo .htaccess
El archivo .htaccess se trata de un archivo especial que marca al navegador unas pautas a seguir, si conseguimos que este archivo esté todo lo optimizado posible, conseguiremos una caché limpia y que ayude a cargar nuestra web más rápidamente.

Para ello, con el mod_expires de Apache activado, debemos introducir, dentro de los comentarios #BEGIN WORDPRESS y #END WORDPRESS, el siguiente texto:


< ifmodule mod_expires.c > 

 ExpiresActive On

 ExpiresDefault A3600

 < filesmatch ".(jpg|JPG|gif|GIF|png|css|ico|js)quot; >

 ExpiresDefault "access plus 7 day"

 < / filesmatch > 

< / ifmodule >

  

En este fragmento de código, lo que le estamos haciendo ver al navegador, es que debe guardar todos las imágenes JPG, GIF, PNG y los archivos CSS, ICO y JS, durante 1 hora en la caché. Ten en cuenta que podemos cambiar la duración del guardado cambiando la variable A3600 por mayor tiempo, como pueden ser un día, A86400, una semana, A604800, etc... Por supuesto que también debemos tener en cuenta que el conjunto de archivos pueden variar o que se pueden hacer varias sentencias para englobar con diferentes tiempos a diferentes extensiones. 

Medir la velocidad de carga de una web con Google Analytics

Algo tan importante de conocer como es la velocidad de carga de tu web no podría faltarle al medidor y analizador de visitas más importante de internet como es Google Analytics, por eso, desde hace poco, ha añadido esta nueva función a su elenco de herramientas de análisis.

Pese a que se trata de un producto enormemente conocido y con millones de usuarios, Google no ha incorporado un botón al que darle y esperar los resultados de sus cálculos, sino que tendremos que añadir junto al código del script previamente introducido en nuestro código una pequeña línea para comenzar con la medición.

Previamente, debemos actualizar nuestra cuenta de Google Analytics, si es que no lo hemos hecho ya. Para los que aún no lo han hecho, en la parte superior derecha, junto a los datos de nuestra cuenta, veremos en rojo, algo así como Versión Nueva, hacemos click y ya tendremos la versión necesaria para poder medir la velocidad de carga de la web.

Seguidamente, debemos introducir la siguiente línea de código después de _gaq.push(['_trackPageview']); o de pageTracker._trackPageview();, depende de la versión del código que tengamos:

_gaq.push(['_trackPageLoadTime']); o pageTracker._trackPageLoadTime();

Una vez realizado todo el proceso, guardamos el archivo que hemos modificado y en unas horas, Google Analytics ya estará gestionando los nuevos datos de la velocidad de carga de nuestra web.

Cambiar el porcentaje de rebote de Google Analytics

Aunque el título pueda dar a pensar que hablaré de mejorar el porcentaje de rebote que Google Analytics nos indica en nuestra web, no es exactamente eso, sino que de lo que vamos a hablar, es de modificar el tiempo que Google Analytics tiene como predeterminado para considerar una visita un rebote o no.

Un rebote, en términos de análisis de visitas, es aquella visita que Google Analytics considera que no ha sido fructífera en cuanto a tiempo se refiere o que no ha navegado por otro enlace de nuestra web, pues deja de ser rebote cuando el visitante clicka en cualquier enlace al contenido de la web, ya que Google Analytics necesita ver otra parte de la web para contabilizar el tiempo de la visita. Por ello, esta herramienta no tiene asignada lógicamente un tiempo de permanencia en la web, por eso, vamos a darle un valor de tiempo de permanencia para hacer pensar a Google Analytics como lo haría un humano.

Debemos entender, que no se trata de un hackeo de las estadísticas para poder mirar por encima del hombro al resto, sino que lo que estamos haciendo es darle un rango de tiempo al usuario en el que puede ver nuestra web sin pinchar en otra parte del contenido, pues ha podido encontrar lo que quería. Si el tiempo es menor al establecido, si que lo consideraremos rebote, si sobrepasa a los 10 o 20 segundo, consideramos que se trata de una visita que ha encontrado el contenido que buscaba a la primera.

Para comenzar con la humanización de las estadísticas debemos localizar en el código de nuestra web el script que introducimos de Google Analytics y justo después de _gaq.push(['_trackPageview']);, debemos introducir lo siguiente:

setTimeout('_gaq.push([\'_trackEvent\', \'NoBounce\', \'Over 20 seconds\'])',20000);

En el ejemplo, hemos introducido un rango de tiempo de 20 segundos, pero podríamos cambiarlo por el tiempo que consideremos oportuno. Guardamos y listo.

Una vez introducido este fragmento de código, observaremos en nuestras estadísticas una gran caída del porcentaje de rebote, que nos hará ver unas analíticas más lógicas y humanas.

Visto en: Blog de Pedro Ventura