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:

  • Dirección email – Rellena con la dirección email que has usado para creado tu cuenta CloudFlare
  • Clave API – 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. A partir de  WP Rocket v2.6.7, puedes también definir tu clave API en tu fichero wp-config. Hacerlo 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 );
    	
  • Dominio – Añade tu dominio
  • Modo Desarrollo – Esto permite activar/desactivar el modo desarrollo de CloudFlare’s. Es muy útil usarlo si estás haciendo modificaciones en tu sitio o si tienes que descubrir errores. Según las palabras de CloudFlare:
    El modo desarrollo te permite de suspender temporalmente la caché y la minificación de CloudFlare. Es útil activarlo si estás haciendo cambios al contenido que se puede almacenar en caché (como imágenes, CSS o JavaScript) y te gustaría ver en seguida las modificaciones.
  • Ajustes óptimos - 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é a Standard
    • Activamos minificación
    • Desactivamos el Rocket Loader para mejorar la compatibilidad
    • Configura la caché del navegador a 1 mes
  • Vaciar la Caché CloudFlare - Esto vacía la caché de CloudFlare.

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.