¿Qué es la caché?
La caché es un componente que almacena datos temporalmente para ayudar a acelerar el proceso de carga de páginas web y reducir la carga sobre los servidores web. Los datos almacenados en caché pueden incluir páginas web, imágenes, y otros contenidos que se requieren para mostrar un sitio web. Cómo funciona y su utilidad de una manera simple:
- Funcionamiento de la Caché:
- Solicitud de Página: Cada vez que un usuario visita una página de un sitio web, su navegador realiza una solicitud al servidor web.
- Procesamiento del Servidor: El servidor procesa la solicitud, lo que puede incluir consultas a una base de datos y la generación de la página web.
- Envío del Contenido: El servidor envía el contenido requerido de vuelta al navegador del usuario en forma de pequeños paquetes de datos.
- Rol de la Caché en la Optimización:
- Almacenamiento Temporal: Con un plugin de caché, el servidor puede almacenar versiones pre-procesadas de páginas, imágenes y otros elementos en su memoria (RAM) o disco. Esto permite que el servidor recuerde y sirva este contenido sin tener que regenerarlo completamente cada vez.
- Entrega Rápida: Cuando un usuario solicita una página web que ya está almacenada en caché, el servidor puede enviar esta versión almacenada directamente, lo que reduce significativamente el tiempo de carga de la página.
- Ventajas de Usar Caché:
- Mejora de Velocidad y Rendimiento: Las páginas se cargan más rápido porque se reduce la cantidad de datos que necesitan ser procesados y transmitidos en cada solicitud.
- Conservación del Ancho de Banda: La minificación de archivos y la optimización de imágenes, que son características comunes en los plugins de caché, ayudan a reducir el tamaño de los datos enviados a través de la red.
- Mejora del SEO: Los motores de búsqueda valoran la velocidad de las páginas como un factor importante para el ranking, por lo que un sitio más rápido puede mejorar su posición en los resultados de búsqueda.
- Mejora de la Experiencia del Usuario: Un sitio que carga rápidamente ofrece una mejor experiencia al usuario, reduciendo la probabilidad de que los visitantes abandonen el sitio debido a tiempos de espera demasiado largos. De hecho, el 57% de los usuarios abandona una web si tarda más de 3 segundos en cargar.
A pesar de que es un complemento muy útil, no siempre será necesario instalar un plugin de caché, te lo cuento.
¿Cuándo debería instalar un plugin de caché?
No siempre necesitarás un plugin de caché para mejorar el rendimiento de tu web. Es posible que tengas una página muy sencilla y ligera, que uses un tema muy ligero o que no tengas demasiados plugins o contenidos. Si este es tu caso, es posible que no tengas necesidad de instalar un plugin de caché.
Pero ahora bien, si tu caso es el de tener un tema más cargado, con más plugins y más complejo, es bien sabido que si no usas un plugin de caché bien configurado, lo más probable es que tu página cargue muy lento.
He hecho una lista con los mejores plugins de caché para WordPress según mi experiencia, usándolos como desarrollador para mejorar la velocidad de carga de las webs. A continuación te lo muestro.
1. WP Rocket
Este plugin es de pago, su licencia más barata es de 60€ al año, pero créeme, vale la pena. Si no te interesa pagar por un plugin pasa al siguiente que es gratuito y ofrece un muy buen rendimiento, de lo contrario déjame explicarte por qué este es el rey de los plugins de caché para WordPress.
No tiene una versión de prueba o gratuita y no lo puedes descargar desde el "Añadir nuevo plugin" de WordPress. Tendrás que pagar por su licencia, descargar el archivo .zip y subirlo manualmente en "Añadir nuevo plugin" y "Subir plugin". Es cierto que una vez descargado podrías no volver a renovar su suscripción, pero no recomiendo esta práctica, ya que el plugin quedará desactualizado creando brechas de seguridad y funcionalidades obsoletas en un futuro.
El motivo por el que me gusta tanto el plugin WP Rocket es por su rápida configuración, sin demasiados apartados ni tecnicismos. Lo mejor que te ofrece es la capacidad de hacer tu sitio mucho más veloz sin ser un experto y sin entender mucho sobre el tema.
En esta captura puedes ver la interfaz de WP Rocket con todos sus apartados configurables:
¿Por qué WP Rocket es el mejor plugin de caché para WordPress?
- Tiene todas las funcionalidades necesarias en un plugin de caché: Los demás suelen carecer en uno u otro punto.
- Es tan sumamente fácil de configurar que te sorprenderá: Más adelante te lo enseño.
- Es compatible con CloudFlare.
- Compatible con todos los plugins, WooCommerce, YoastSEO, Elementor, etc.
- Ofrece optimización de base de datos.
- Caché de objetos.
- Programación de eliminación de caché cada cierto tiempo.
- Minificar archivos tanto CSS como JavaScript: Esto sirve para reducir la cantidad de línea de código dicho en pocas palabras, por lo que menos líneas es igual a menos espacio y, por lo tanto, menos peso, lo que aligera la velocidad de carga.
- Carga diferida de imágenes: Esto consiste en cargar las imágenes según están visibles en nuestra pantalla, de lo contrario no carga la imagen y evita ese tiempo de espera.
- Retrasa la ejecución de JavaScript con exclusión con un clic de ciertos plugins por si fallase alguna funcionalidad.
- Precarga de Caché y Enlaces.
Además, también puedes descargar Imagify que es de los mismos creadores y te permite optimizar tus imágenes (20MB al mes, 200 imágenes aproximadamente).
Puedes visitar la web de WP Rocket si quieres más información o tienes alguna duda, seguro que su equipo de soporte estará encantado de ayudarte.
Configuración de WP Rocket paso a paso
Caché
En la primera pestaña "Caché" simplemente marcarás la opción de habilitar la caché para dispositivos móviles. La opción que nos aparece dentro es por si tienes un tema o un plugin dedicado para móviles.
En vida útil podrás decirle cada cuantas horas se deberá borrar la caché, yo actualmente lo tengo en 0, pero podrías poner la que consideres. Te recomiendo que experimentes con ello y así puedas decidir con mayor certeza que es lo que te conviene.
Optimizar archivos
En este punto solo deberás marcar estas opciones, "minificar" ya te he explicado lo que es y optimizar la entrega de CSS siempre será bueno para mejorar la velocidad, además yo recomiendo también eliminar el CSS que no se use "REMOVE UNUSED CSS".
Nota: Minificar, diferir y retrasar puede provocar fallos/errores de visualización, comprueba que todo funciona correctamente y de lo contrario prueba a desmarcar la casilla.
Más de lo mismo marca todas estas casillas, minifica, retrasa y carga de manera diferida el JavaScript.
Por último si sufres algún fallo de visualización o carga revisa de donde proviene el fallo y márcalo en este desplegable, si haces clic en "Plugins" verás una lista también.
Medios
Este apartado no tiene mucha pérdida, márcalo todo y listo. El LazyLoad se basa en la carga diferida de imágenes, este apartado ayuda mucho a mejorar la velocidad de carga.
"Image Dimensions" añade un alto y un ancho a las imagenes que no lo tengan, muy útil también.
Precargar
Precargar ya indica su funcionalidad en el nombre, guarda y precarga para ahorrar, hacer peticiones al servidor una y otra vez.
Aquí añadiremos la ruta donde se encuentran nuestras fuentes alojadas para que pueda pre cargarlas también. Las fuentes es algo que retrasa mucho la carga, así que esta funcionalidad vale mucho la pena.
El resto de funcionalidades son para usuarios más avanzados, también podremos ver como optimizar la base de datos borrando información innecesaria. De todas formas es muy intuitivo así que te animo a que le eches un vistazo y lo pruebes, siempre con precaución y teniendo una copia de seguridad para poder restaurar tu web en caso de que lo necesites.
2. LiteSpeed Cache
¿Por qué LiteSpeed Cache es el mejor plugin GRATUITO de caché para WordPress?
Este plugin es GRATUITO, sí, es gratis y muy fácil de instalar. No te preocupes que te lo voy a enseñar todo paso a paso. Primero, déjame que te explique un poco más sobre él.
Actualmente, tiene más de 5 millones de instalaciones activas, tiene una valoración de 4.8 sobre 5 estrellas, recibe actualizaciones recurrentes (la última fue ayer) y funciona con las versiones más recientes de WordPress.
Uno de los puntos fuertes de LiteSpeed Caché es la compatibilidad con la mayoría de temas y plugins de WordPress, como, YoastSEO y WooCommerce, Elementor, etc.
Este plugin también tiene una documentación para aquellos que quieran aprender más, directamente desde su página web. Además, también tienen un foro, wiki, grupo de slack etc. Por si todavía te quedaba alguna duda.
Todas estas mejoras de velocidad te serán útiles como desarrollador web, seo o simplemente tienes un blog o una tienda.
Algunas de las funcionalidades que ofrece LiteSpeed Caché
- Caching de Página Completa: Crea una copia estática de tus páginas y las almacena, lo que reduce significativamente el tiempo de carga al servir estas copias estáticas en lugar de generar la página dinámicamente en cada solicitud.
- Optimización de Imágenes: El plugin puede optimizar automáticamente las imágenes, reduciendo su tamaño sin perder calidad, lo cual ayuda a acelerar los tiempos de carga de la página.
- Minificación y Combinación: Puede minificar y combinar archivos CSS y JavaScript, reduciendo el número de solicitudes HTTP necesarias y el tamaño de los archivos.
- Lazy Load: Permite que las imágenes, iframes y vídeos se carguen solo cuando están a punto de entrar en el campo de visión del usuario.
- Optimización de la Base de Datos: El plugin ofrece herramientas para limpiar y optimizar la base de datos de WordPress, eliminando datos innecesarios que pueden ralentizar el sitio (siempre tener una copia de seguridad antes, por lo que pueda pasar).
- Caché de objetos: Soporte para caché de objetos para almacenar en caché datos de consulta de bases de datos, lo que puede ayudar a reducir el tiempo de respuesta del servidor en sitios web con contenido dinámico.
- Compatibilidad con CDN: Se integra fácilmente con redes de entrega de contenidos (CDN), distribuyendo el contenido a múltiples ubicaciones geográficas. Esta funcionalidad es especialmente útil para webs que se sirven en varios paises.
- Caché de Navegador: Configurar cómo los navegadores almacenan y reutilizan los recursos locales para visitantes recurrentes.
- Exclusiones de Caché Personalizables: Capacidad de excluir ciertas páginas, parámetros de URL o cookies del caching para mantener la funcionalidad donde se necesite.
¿Cómo configuro LiteSpeed Caché?
En este caso te voy a enseñar como configurar LiteSpeed Caché de la manera más sencilla, puesto que si eres un usuario más avanzado seguramente ya sepas como hacerlo.
Como te muestro en esta imagen una vez instalado el plugin de LiteSpeed Caché simplemente ves a "Preajustes" y aplica el preajuste avanzado que además es el recomendado y listo.
También puedes aplicar un pre ajuste más avanzado y comprobar si no falla nada, cuanto más avanzado el pre ajuste más veloz será tu web, pero más posibilidades habrá de romper funcionalidades.
Aclaración: Para sacarle el máximo partido de esta forma es importante haber hecho un buen desarrollo, y por buen desarrollo me refiero a:
- No usar temas comprados que se acaban quedando obsoletos y con miles de funcionalidades que no acabas usando.
- Subir tus imagenes optimizadas y en formato WebP.
- Evitar anidar contenedores en caso de usar Elementor u otro similar.
- Mantener tu WordPress actualizado, así como los plugins.
- Usar una versión de PHP reciente.
Y si has hecho un buen desarrollo te encontrarás algo como esto:
Nota: La puntuación SEO es tan baja porque a día de estar haciendo esta guía la web no está indexable todavía (noindex).
Cabe aclarar que no siempre se logrará este resultado, pero es importante acercarse a algo así lo máximo posible.
Evidentemente, LiteSpeed Caché te permite configurar todas sus funcionalidades una a una, pero creo que este preajuste es tan bueno que no es necesario entrar tan en detalle, quizás en un futuro haga una guía en profundidad solo para este plugin, ya que tiene mucho potencial.
Si una vez instalado este preajuste compruebas que hay funcionalidades que están fallando cambia el preajuste al anterior que este, o si eres un poco más experimentado busca que es lo que falla y trata de excluirlo desde los apartados de exclusión mediante clases o archivos tanto de CSS como JavaScript de LiteSpeed caché.
3. W3 Total Cache
W3 Total Cache ha sido una herramienta clave en la optimización de sitios web desde su lanzamiento. Este plugin destaca por ser una herramienta gratuita que optimiza la eficiencia de los sitios webs al reducir los tiempos de carga mediante diversas opciones de caching avanzadas.
¿Por qué W3 Total Cache es una alternativa a WP Rocket o LiteSpeed?
W3 Total Cache tiene compatibilidad con muchas tecnologías y servicios, como por ejemplo CDN y SSL, lo que lo convierte en una opción muy válida tanto para webs de eCommerce como para blogs personales. A diferencia de opciones de pago como WP Rocket, W3 Total Cache es completamente gratuito y de código abierto, ofreciendo características avanzadas sin coste alguno. Esto incluye minificación de recursos, caching de base de datos, y optimización de objetos, que ya hemos comentado anteriormente.
Además, su capacidad para integrarse con servicios como Cloudflare y su compatibilidad con todos los tipos de hosting, desde servidores dedicados hasta entornos compartidos, hacen de W3 Total Cache una alternativa muy interesante. También es especialmente útil para desarrolladores y usuarios técnicos con más conocimientos debido a las grandes posibilidades de personalización y control sobre los aspectos técnicos del caching.
Aunque su configuración puede ser más compleja en comparación con otros plugins más simplificados, para quien busca un control detallado y una personalización extensa, W3 Total Cache es la alternativa perfecta.
4. Cache Enabler
Cache Enabler es un plugin de caché ligero y gratuito ofrecido por KeyCDN, diseñado para mejorar la velocidad de carga web de WordPress. Su motor de caché de disco es rápida y fiable, lo que lo hace una opción recomendable para quienes tienen múltiples sitios web bajo una configuración de WordPress multisitio.
Aspectos Destacados del Cache Enabler
Aunque no tiene todas las funcionalidades avanzadas de plugins como WP Rocket o LiteSpeed Cache, Cache Enabler es una alternativa viable y económica para quienes tienen presupuestos más ajustados. Lo que realmente distingue a Cache Enabler es su capacidad para manejar imágenes en formato WebP directamente sin la necesidad de JavaScript, lo que lo convirtió en el primer plugin de WordPress en ofrecer esta funcionalidad. En un mundo donde la velocidad de carga es crucial (como hemos comentado ya), eliminar la necesidad del uso de JavaScript para tareas como estas puede mejorar bastante el rendimiento.
Características y Beneficios Clave de Cache Enabler
- Integración para Imágenes WebP: Cache Enabler facilita la conversión y el servicio de imágenes en formato WebP, especialmente cuando se combina con plugins de optimización de imágenes como Optimus o EWWW. Esto es útil para sitios web con muchas imágenes, como blogs y tiendas de eCommerce.
- Interfaz de Usuario Simplificada: La configuración de Cache Enabler es directa y fácil de manejar, lo que la hace accesible para usuarios de todos los niveles de experiencia. La interfaz del plugin es intuitiva, con opciones claras y explicaciones que facilitan la comprensión y el ajuste de la configuración de caché.
- Visualización del Tamaño del Caché: En el dashboard, Cache Enabler muestra el tamaño actual del caché, lo que proporciona una visión clara de cuánto espacio está ocupando el caché en el servidor.
- Compatibilidad con Autoptimize: Para aquellos que buscan una optimización aún más profunda, Cache Enabler se integra perfectamente con Autoptimize, lo que permite funciones adicionales como la inyección de CSS en el encabezado de la página y la optimización de archivos CSS y JS.
En conclusión, Cache Enabler es una excelente opción para aquellos que buscan un plugin de caché efectivo y fácil de usar sin costes adicionales.
5. WP Super Cache
WP Super Cache es un plugin de caché gratuito y de código abierto, creado por Automattic, los mismos desarrolladores detrás de WordPress.com. Con más de 1 millón de instalaciones activas, este plugin es una solución muy válida para mejorar el rendimiento de sitios WordPress mediante la generación y gestión de archivos HTML estáticos.
Simple y eficaz
Lo que hace a WP Super Cache especialmente atractivo es su facilidad de uso. Tiene tres modos de caché distintos adaptados a diferentes niveles de habilidad técnica y necesidades de gestión:
- Modo Simple: Para usuarios promedio que desean mejorar el rendimiento de su sitio sin complicaciones. Este modo es el más fácil de configurar y mantiene un equilibrio entre eficiencia y simplicidad.
- Modo Experto: Para desarrolladores o administradores web avanzados que buscan optimizar al máximo el rendimiento. Utiliza reescrituras a nivel de servidor para servir los archivos caché, lo que puede aumentar significativamente la velocidad.
- Modo WP-Cache: Este modo es útil para sitios con tráfico pesado o picos de visitas, ya que permite cachear páginas para usuarios conocidos y personalizar el contenido caché según el usuario.
Una de las características más valoradas de WP Super Cache es su sistema de "Recolección de Basura". Este proceso elimina automáticamente los archivos de caché antiguos y optimiza el almacenamiento, para que el sitio funcione de manera eficiente y sin acumular datos innecesarios. Además, el plugin incluye opciones como:
- Compresión Gzip: Reduce el tamaño de los archivos servidos, acelerando así el tiempo de carga de las páginas.
- Caché de Navegador 304: Permite a los navegadores verificar si los contenidos han sido modificados desde la última carga, mejorando la eficiencia del caché.
- Reconstrucción de Caché: Evita la eliminación del caché cuando se publican nuevos comentarios, permitiendo que los usuarios vean contenido caché mientras se genera una nueva versión en el fondo.
WP Super Cache es compatible con una amplia variedad de entornos de hosting, desde servidores dedicados hasta entornos de hosting compartido, y se integra sin problemas con diversas redes de distribución de contenidos (CDN).
Además, el plugin es conocido por su interfaz intuitiva y fácil de navegar, que permite activar el caché con pocos clics. A pesar de carecer de documentación oficial, WP Super Cache compensa con un amplio soporte comunitario y un foro activo.
En conclusión, WP Super Cache sigue siendo una de las opciones más populares y confiables de WordPress. Su flexibilidad, combinada con características útiles y un manejo sencillo del caché, lo hace una herramienta muy buena para cualquier sitio que busque mejorar la velocidad y la eficiencia.
