Usar WP Rocket con CloudFlare

WP Rocket es totalmente compatible y complementario con CloudFlare.

El primer paso para integrar CloudFlare en WP Rocket, es naturalmente añadir tu sitio en tu cuenta CloudFlare. Si todavía no lo has hecho, aquí hay el tutorial de CloudFlare: Create a Cloudflare account and add a website.

CloudFlare puede minificar los archivos CSS y JS exactamente como WP Rocket, pero hay una cosa más que WP Rocket, la concatenación. Esto significa que WP Rocket combina los archivos en pequeños grupos para mejorar la compatibilidad y las prestaciones, y esta es una característica muy útil que no está incluida en CloudFlare. 

Recomendamos entonces activar la minificación en CloudFlare y también en WP Rocket para obtener los mejores resultados.

Nota: si estás utilizando la integración CloudFlare en los ajustes WP Rocket, ya no necesitas el plugin oficial de CloudFlare. WP Rocket te ofrece la misma funcionalidad de proporcionar las direcciones IP de origen. A partir de la versión 2.7 de WP Rocket, nuestro plugin se ocupa también de la reescritura del protocolo https. 

Ajustes de CloudFlare en WP Rocket

En el menu lateral izquierdo de WordPress ve a Ajustes → WP Rocket 
Dentro de la pestaña  CDN verás la opción Mostrar la pestaña de los ajustes Cloudflare. Haz clic en la casilla y verás este popup:

Dale OK, guarda los cambios, y verás una nueva pestaña en tus ajustes, llamada CloudFlare. Allí encontrarás varias opciones:

Estos son los ajustes que deberás configurar:

Global API key

Conéctate a tu cuenta CloudFlare y visita tu página Account. Verás esto:

Copia la clave Global API y pégala en los ajustes WP Rocket. 

Define la clave API en el archivo wp-config.php

Si se adapta a tus necesidades, puedes también definir tu clave API en tu fichero wp-config. Esto puede ser útil si tienes varios sitios web bajo la misma cuenta CloudFlare.
Así es como deberías añadir la clave a tu fichero wp-config (recuerda de sustituir el segundo valor en el ejemplo con tu propria clave API):

define('WP_ROCKET_CF_API_KEY', 'pon-aqui-tu-clave-API');

Puedes también esconder tu clave API si prefieres mantenerla secreta:

define( 'WP_ROCKET_CF_API_KEY_HIDDEN', true );

Dirección e-mail

Rellena con la dirección e-mail que has usado para creado tu cuenta CloudFlare

Dominio

Añade tu dominio si no se ha detectado

Modo desarrollo

Esto  permite activar/desactivar el modo desarrollo de CloudFlare. Es muy útil usarlo si estás haciendo modificaciones en tu sitio o si tienes que descubrir errores. 

¿Lo sabías? Activar el Modo desarrollo puede ser particularmente útil cuando estás haciendo cambios al contenido que se puede almacenar en caché (como imágenes, CSS, o JavaScript), y te gustaría verlos en seguida.

Ajustes óptimos

Te recomendamos activar esta opción. WP Rocket selecciona automáticamente un conjunto predeterminado de opciones de CloudFlare para mejorar la prestación de tu sitio:

  • Configura el nivel de caché Cloudflare a Agressive
  • Activate la minificación de Cloudflare
  • Desactiva el Rocket Loader (el nombre no tiene nada que ver con WP Rocket)
  • Configura la caché del navegador de Cloudflare a 1 mes

Protocolo relativo

¡Atención! Tienes que activar esta opción solo si estás usando la funcionalidad de Cloudflare Flexible SSL.
NO deberías activarlo cuando tu sitio WordPress funciona completamente con SSL!

La opción Protocolo relativo reescrive los URLs de los archivos estáticos (CSS, JS, imágenes) para usar un protocolo relativo ( // en vez de http:// o https://).

Borrar todos los archivos de caché Cloudflare

No es necesario hacer clic en este botón cada vez que borres la caché WP Rocket.
Este borraré la caché Cloudflare y es necesario sobretodo cuando estás buscando errores o cuano piensas que por alguna razón Cloudflare esté proporcionando archivos obsoletos.

Descubrir errores

La causa más común de problemas cuando usas CloudFlare es la opción Rocket Loader. Si tiene problemas de visualización u otros problemas cuando usas CloudFlare, desactiva el Rocket Loader y vacía la caché para ver si esto lo resuelve.

CloudFlare Cache purge error: No Zone ID set in the WP Rocket settings

Si después de configurar CloudFlare con WP Rocket o si tras intentar eliminar la caché CloudFlare, te encuentrar con este mensaje de error, puedes probar lo siguiente:

  • Ve a WP Rocket → CloudFlare.
  • Vacía el contenido del campo de texto Dominio y guarda los ajustes.
  • Vuelve a añadir tu dominio y guarda otra vez los ajustes.