El otro es Lite Speed Cache, pero solo lo uso en servidores LiteSpeed, en clientes que tengo alojados con Raiola Networks, este plugin está totalmente pensado para estos servidores y creo que no tiene rival.

Para otros servidores como Apache, me decanto por WP Fastest Caché, tanto por su facilidad de configuración, como por sus resultados.

Ya es el tercer plugin que reseño en la web, después de W3 Total Cache y WP Super Cache, por lo que para hacer la introducción sobre qué es el cacheo de una web, voy a hacer un copia/pega del post anterior:

¿Qué es cachear una web?

Si tenemos una web en WordPress compuesta por su plantilla y diversos plugins, debemos ser conscientes de que cada vez que un usuario visita una de nuestras páginas comienza una serie de procesos internos en el servidor donde se ejecutan funciones, se realizan consultas a la base de datos y demás tareas hasta que este genera el archivo HTML final el cual es mostrado al usuario.

El cacheo básicamente consiste en guardar temporalmente esos archivos HTML resultantes de cada una de nuestras páginas para ser mostrados al siguiente usuario que solicite la misma página. De esta forma, el servidor no tiene que volver a ejecutar de nuevo todo el proceso para componer la página, acelerando considerablemente la velocidad en la que esta es mostrada al usuario.

Para llevar a cabo esta tarea, vamos a ver cómo configurar el plugin WP Fastest Cache, el cual está muy bien posicionado en el repositorio de WordPress con más de 1.000.000 de instalaciones activas y una valoración promedia de 5 estrellas.

Para hacer la prueba, tengo un WordPress de pruebas en mi servidor, en él tengo instalado Genesis con el tema Simple Genesis, y unos cuantos plugins (WooCommerce, Conditional Discounts for WooCommerce por ORION, Cookie Notice, Pinpoint Booking System y Genesis Connect for WooCommerce).

Haciendo un test con la herramienta Pingdom Tools, sin tener la web cacheada, me da estos resultados:

La verdad es que son buenos resultados, todavía no hay mucho contenido en la página y las plantillas de Genesis son muy ligeras, pero seguro que algo podemos mejorar con el cacheo de la web.

Tras instalar WP Fastest Cache, vamos a su configuración y empezamos activando las primeras opciones:

La primera es activar el sistema de caché, por supuesto.

Precargar: Las páginas no se cachean hasta que no son visitadas por alguien, pero si queremos hacer pre-cacheado de toda la web antes de que empiece a tener visitas, podemos activar esta opción, eso sí, aumentará bastante la carga del servidor y el rendimiento general de la web podría verse afectado mientras dura el proceso.

Usuarios conectados: Esto hará que los usuarios conectados también reciban la versión cacheada de la web, incluso administradores, editores, etc. En webs de membresía donde hay secciones específicas para subscriptores, puede ser un problema mostrarles la versión cacheada, ya que si subimos algún contenido a estas secciones, ellos no lo verán hasta el siguiente ciclo de cacheo.

Móvil: Esta opción solo se activa para webs que tienen 2 versiones (escritorio y móvil), para plantillas responsive que se adaptan al tamaño de pantalla no debe activarse.

Vaciar la caché al añadir o modificar contenidos

Veamos ahora qué opciones tenemos cuando añadimos o modificamos contenido en la web:

Nueva entrada: Cuando redactamos una nueva entrada tenemos la opción de vaciar la caché, ya sea para todo el sitio o sólo para la página de inicio y páginas de archivo.

Yo recomiendo la segunda opción. Cuando publicamos una entrada, mientras dura el ciclo de cacheo actual, esta no será mostrada en la sección de nuestro blog ni en los listados de categorías o etiquetas, ya que estas páginas también se cachean.

Así cuando publicamos una nueva entrada, podremos vaciar la caché de sólo estas páginas para que la nueva entrada sea visible.

Al igual que con las nuevas entradas, también podemos aplicar el mismo procedimiento al actualizar una entrada:

Opciones de minimización

El plugin también permite opciones de minimización. Entre ellas:

• Minimizar HTML y CSS: Reduce el código HTML y CSS eliminando espacios, líneas vacías, comentarios…
• Combinar CSS y JS: Recopila todos los archivos CSS y JS y los reunifica en un único archivo. Esta opción es más delicada con según qué plantillas o constructores visuales como Elementor, Divi, Fusion Builder… Si queremos activar estas opciones, debemos ver cómo se comporta la web una vez aplicados, y si detectamos errores en el diseño o efectos que dejan de funcionar, dejarlo desactivado.

Compresión y caché de navegador

Gzip: Esta función depende de que el servidor soporte la compresión Gzip, si la activamos, reduciremos el tamaño de los archivos HTML enviados por el servidor al navegador del usuario, mejorando la velocidad de carga.

Caché del navegador: Activando esta opción, forzaremos a que el navegador descargue la mayoría de archivos estáticos de las páginas visitadas por nuestros usuarios, tales como imágenes, css, js… De esta forma la próxima vez que visiten la web, el tiempo de carga será considerablemente menor.

Desactivar los emojis: Existe un archivo de emojis que reemplaza expresiones como:

:)  ;)  :(

en emojis gráficos Si no vamos a hacer uso de estos emojis, podemos desactivarlo para ganar en tiempo de carga.

Después de aplicar todas estas opciones, volvemos a hacer un test en Pingdom Tools y nos devuelve:

Como podemos apreciar hay una mejora, no muy significativa porque los datos ya eran buenos, pero si tuvieramos unos datos iniciales peores, como un tamaño de página de 3MB y un tiempo de carga de 3 segundos, la mejora sería mucho más apreciable.

Además, gracias a la caché, el servidor funcionará mucho más desahogado, sin tener que realizar tantos procesos ni consultas a la base de datos en cada visita.

Borrar la caché

En la siguiente pestaña de opciones tenemos la posibilidad de vaciar la caché almacenada en el momento que queramos.

Si hemos modificado algún archivo CSS o JS, podemos regenerar de nuevo el minimizado de CSS/JS para que los cambios surtan efecto.

Otra opción disponible es la de establecer Reglas de límite, pudiendo indicar cada cuánto tiempo debería regenerarse la caché de todo nuestro sitio, o de una página concreta. Aquí depende de la velocidad a la que actualices tu web, si subes contenidos a diario, puedes establecer el límite de caché en unas horas, pero si actualizas de vez en cuando (1 o 2 veces pos semana), puedes mantener la caché unos días sin problema.

Excluir

Desde este apartado podremos excluir manualmente cualquier página o entrada del cacheo.

Compatibilidad con WooCommerce

Páginas de WooCommerce: WP Fastest Caché es totalmente compatible con WooCommerce, tanto la página del Carrito (Cart), Pago (Checkout) o de Mi Cuenta (My Account) son reconocidas y excluidas automáticamente del sistema de cacheo.

Widget de carrito: Si utilizas el método AJAX para actualizar el carrito, el cacheo no debe suponer ningún problema. Pero si usas PHP para actualizar el carrito, este genera una cookie que debemos excluir del cacheo como se muestra en la imagen:

Por último, WP Fastest Cache también es compatible con los principales servicios CDN como Photon o Cloudflare.

El plugin tiene muchas más opciones en su versión PRO, pero para una configuración estándar, su versión gratuita es más que suficiente para la mayoría de los casos.

Y lo mejor es que poco más de 5 minutos, puedes poner en marcha todo el sistema de cacheo de tu web sin detenerte en muchos tecnicismos y funciones avanzadas que no tienes por qué conocer.

Si te ha gustado el artículo, considera compartirlo

¿En qué consiste la caché de navegador?

En resumidas cuentas consiste en almacenar ciertos elementos estáticos de nuestra página web en el ordenador de nuestro visitante, para que la próxima vez que nos visite no tengan que volver a ser descargados y la página se cargue mucho más rápido. Estos elementos estáticos normalmente son archivos CSS, javascript, imágenes, etc.

Estos archivos permanecerán alojados en la caché del navegador con una fecha de expiración, tras la cual se volverán a descargar nuevamente por si ha habido cambios. Esto es importante tenerlo en cuenta. Si activamos la caché de navegador, cualquier cambio que hagamos en un fichero CSS, javascript, o sustitución de imagen, no se verán reflejados en los usuarios asiduos a nuestra web hasta que la caché expire y se regenere, por lo que debemos obrar con prudencia.

¿Cómo se activa?

Una vez más deberemos recurrir a nuestro famoso archivo .htaccess alojado en el directorio raíz del sitio web y añadir las siguientes líneas:

<IfModule mod_expires.c>  
ExpiresActive On  
 ExpiresByType image/jpg "access plus 1 year"  
 ExpiresByType image/jpeg "access plus 1 year"  
 ExpiresByType image/gif "access plus 1 year"  
 ExpiresByType image/png "access plus 1 year"  
 ExpiresByType text/css "access plus 1 month"  
 ExpiresByType application/pdf "access plus 1 month"  
 ExpiresByType text/x-javascript "access plus 1 month"  
 ExpiresByType application/x-shockwave-flash "access plus 1 month"  
 ExpiresByType image/x-icon "access plus 1 year"  
 ExpiresDefault "access plus 1 month"  
</IfModule>

Con estas líneas estamos especificando que, por ejemplo, todo lo que sean imágenes tipo jpg, jpeg, gif, png se mantengan en caché 1 año, los archivos CSS, javascript, pdf y flash se mantengan 1 mes. Por último podemos especificar una expiración por defecto de 1 mes para todos los elementos no definidos, pues no es necesario definirlos todos.

Para comprobar si la activación del caché se ha efectuado correctamente, nos vamos al test de Google PageSpeed Insights.

Si en el resultado la regla de especificar caché de navegador aparece en elementos que puedes plantearte corregir (naranja) o regla aprobada (verde) significa que la caché está funcionando. Si aparece en naranja como advertencia, significa que la caché se ha especificado pero que hay ciertos elementos que no se pueden cachear porque no se encuentran físicamente en el servidor. En mi caso se refiere precisamente al archivo javascript de Google Analytics:

Pero aunque no consigamos la puntuación total en el test, esta regla tampoco va a penalizar la web, por tanto no hay que preocuparse.

De lo contrario si en el resultado del test aparece como elemento que debes corregir (rojo) si podemos sufrir penalización. Si con el código insertado en el .htaccess nos sigue apareciendo que no tenemos activada la caché de navegador, tendremos que contactar con nuestro proveedor de hosting por si el servidor tiene deshabilitado el módulo «mod_expires».

Recientemente he comenzado a implantar este plugin para el cacheo de mis sitios web, y me ha sorprendido tanto la facilidad de su configuración, como los resultados, prácticamente iguales a los de W3 Total Caché y sin arrastrar algunos problemas que últimamente venía experimentando con este, sobre todo en temas de compresión de web y de respuesta del servidor.

Pero antes de continuar con el artículo, conviene saber en qué consiste exactamente cachear una web.

¿Qué es cachear una web?

Si tenemos una web en WordPress con su tema y plugins, debemos ser conscientes de que cada vez que un usuario visita una de nuestras páginas comienza una serie de procesos internos en el servidor donde se ejecutan funciones, se realizan consultas a la base de datos y demás tareas hasta que este genera el archivo HTML final el cual es mostrado al usuario.

El cacheo básicamente consiste en guardar esos archivos HTML resultantes de cada una de nuestras páginas para ser mostrados al siguiente usuario que solicite la misma página. De esta forma, el servidor no tiene que volver a ejecutar de nuevo todo el proceso para componer la página, acelerando considerablemente la velocidad en la que esta es mostrada al usuario.

Ahora veremos cómo configurar WP Super Caché para optimizar el cacheo de nuestras páginas en una configuración que normalmente va a ir bien en cualquier tipo de servidor.

Wp Super Caché es un plugin propiedad de Automattic, la empresa encargada de la parte comercial de WordPress (wordpress.com) y creadora de importantes plugins como Jetpack, con lo que el soporte de actualizaciones y seguridad está garantizado. Posee más de 1 millón de instalaciones activas.

Para instalarlo, lo localizamos como siempre en el respositorio de plugins de WordPress:

Una vez instalado podemos localizarlo en el menú principal Ajustes – WP Super Caché

El plugin ya está pensado para ser utilizado incluso por los usuarios más inexpertos, y por ello la configuración inicial es Easy para que comience a funcionar con solo activar la opción Caching On.

Nos dirigimos a la pestaña Avanzado y vamos a revisar las opciones más interesantes que deberían ir bien en cualquier servidor.

Caching

La primera casilla «Caché hits to this website for quick access», es una opción recomendada por el plugin, pues controla el caché de modo global. A continuación seleccionaremos uno de los 3 modos de cacheo:

• Mod_Rewrite: hace uso del archivo .htaccess para servir las páginas cacheadas. Es el método más efectivo pero puede dar problemas en algunos servidores, de ahí que no sea la opción recomendada para un usuario inexperto.
• PHP: Utiliza PHP para servir las páginas cacheadas. Es el recomendado por el plugin pues no suele dar problemas en ningún servidor y por lo tanto es el más indicado para principiantes.
• Legacy page caching: Es un método anticuado, que aunque es el que menos problemas de incompatibilidad tiene, también es el menos eficiente de los tres.

Miscellaneous

En el apartado Miscellaneous, activaremos la casilla de compresión de páginas «Compress pages so they´re server more quickly to visitors«. Esta función comprime el tamaño de las páginas cacheadas para ser entregas al usuario con mayor rapidez.

Don’t cache pages for knows users, es otra opción recomendada por el plugins. Evita el cacheo a los usuarios registrados en nuestra web. Es posible que tengas áreas o contenidos que actualices con frecuencia para tus suscriptores y quieras asegurarte de que siempre ven los contenidos más actuales.

Don’t cache pages with GET parameters, conviene también marcar esta opción para evitar que se cacheen páginas como los resultados de búsqueda dentro de nuestro sitio web.

Caché rebuild. Otra opción muy recomendable sobre todo en sitios webs de gran actividad. Controlará la frecuencia con la que nuestras páginas son re-cacheadas para mostrar los contenidos más actuales.

Avanzado

En el apartado avanzado hemos marcado las opciones: Clear all cache files when a post or page is published or updated. Esta función hará un re-cacheo de la web cada vez que publiques o actualices contenidos. Si publicas más de un artículo diario es posible que no te interese activar esta opción, ya que generarás mucha carga en el servidor realizando cacheos constantes. Pero si publicas con menor frecuencia (3-4 artículos semanales) te interesará saber que tu contenido ya es visible nada más publicarlo.

Extra homegape checks (Very occasionally stops homepage caching), esta función realiza cacheos extras a la página principal de nuestra web. Si nuestra homepage es muy dinámica (muestra últimas entradas, comentarios recientes, etc.) es posible que nos interese realizar cacheos más frecuentes en ella. Pero si es una página estática que normalmente muestra el mismo contenido siempre, puede ser aconsejable desactivarlo y ahorrar esos procesos extra de cacheo.

Tiempo de caducidad y recogida de basura

Los archivos HTML estáticos generados con los cacheos pueden quedar obsoletos en poco tiempo si realizamos actualizaciones y añadimos nuevos contenidos. En esta sección configuraremos el tiempo que permanecerá una página cacheada hasta su próximo cacheo. En una web con gran actividad y tráfico diario, una expiración de 3600 segundos (1 hora) es más que aceptable para tener el servidor bien optimizado. Pero si tu tráfico y frecuencia de actualización es menor, puede que te interese ampliar este tiempo para no cargar al servidor con re-cacheos innecesarios.

Preload

Si no queremos esperar a tener visitas para que nuestra páginas sean cacheadas, podemos generar un cacheo global con esta opción. Esto generará un archivo estático por cada página, entrada y sección de nuestra web, lo que generará una carga intensiva en el servidor, pero al mismo tiempo aumentará considerablemente la velocidad de las páginas a usuarios nuevos.

Para iniciar el proceso de pre-cacheo manual pulsamos en el botón Preload Cache Now.

Contents

Otra interesante apartado es la pestaña Contents, donde podemos ver datos estadísticos de las páginas cacheadas actualmente en nuestro sitio web, así como el tamaño que están ocupando los archivos estáticos en nuestro hosting.

Si queremos ver las URLs de las páginas cacheadas así como el tiempo transcurrido desde su último cacheo podemos hacer clic en el enlace Mostrar archivos en caché.

Y hasta aquí este artículo. Si te ha gustado no olvides darle me gusta y compartirlo