Las mejores reglas de página de WordPress de Cloudflare para páginas de administración

Los bloggers que usan WordPress saben que un sitio web rápido y seguro es fundamental.

El primer paso es utilizar un proveedor de alojamiento web confiable y rápido o un alojamiento administrado de WordPress.

La segunda etapa es usar una CDN (red de entrega de contenido) para ayudar a que su sitio se cargue más rápido para los visitantes de todo el mundo.

Con mucho, el más popular es Cloudflare. Pero la configuración de Cloudflare para WordPress necesita algunos ajustes para evitar páginas de administración lentas.

Cómo reducir los tiempos de carga de WordPress.

• Usar un complemento de almacenamiento en caché
• Minificar CSS y Javascript
• Usa la carga diferida para imágenes
• Usar servicios de CDN

Puede encontrar miles de artículos, reseñas y opiniones en línea sobre las opciones para estos cuatro elementos clave de velocidad.

Así que no profundizaré aquí en este artículo sobre estas ideas.

Me centraré principalmente en cómo hacer que WordPress funcione sin problemas y rápido con su cuenta de Cloudflare.

Sin embargo, antes de continuar con la configuración de Cloudflare para WordPress, debo comenzar mi consejo indicando qué herramientas de velocidad estoy usando actualmente en mi sitio.

• Para el almacenamiento en caché, utilizo W3 Total Cache para el almacenamiento en caché del navegador y de la página.
• Para la minificación de CSS y Javascript, Autoptimize ha demostrado ser muy confiable para mí durante años.
• Para la carga diferida, uso la configuración Autoptimze. Puede detener la carga diferida en las primeras imágenes para obtener mejores resultados de Web Vitals.

Ambos son versiones gratuitas disponibles en el repositorio de complementos de WordPress y funcionan muy bien juntos.

Es posible minificar con W3 Total Cache, y funciona perfectamente.

Pero encuentro que Autoptimize es un poco mejor porque no tengo que hacer ningún ajuste de configuración cuando agrego o elimino complementos.

Si bien estos complementos solos reducen los tiempos de carga de la página excepcionalmente bien y, a menudo, dan como resultado resultados cercanos al 100% en algunos sitios de prueba de velocidad, sigue existiendo un problema de distancia.

El servidor de mi sitio está en Suiza, y es muy rápido y confiable, especialmente para los visitantes del sitio de Europa. Pero para, digamos, mis visitantes de EE. UU., los datos del sitio deben recorrer una gran distancia.

Esto da como resultado tiempos de carga de página ligeramente más lentos, lo que afecta la experiencia del usuario en los EE. UU., Canadá, Sudáfrica y Australia.

El uso de un servicio CDN resuelve el problema de la distancia.

Cloudflare es bien conocido como un proveedor confiable de CDN (red de entrega de contenido) que utilizan los bloggers y los clientes empresariales.

El soporte de Cloudflare es bueno y el 95 % de las preguntas que pueda tener se pueden responder desde la base de conocimiento oficial de Cloudflare.

En resumen, una vez que cambia sus direcciones IP, Cloudflare funciona almacenando sus archivos estáticos en servidores locales.

Luego, sus datos se pueden entregar mucho más rápido desde el caché de Cloudflare a los visitantes del sitio en cualquier ubicación porque más del 80% de cualquiera de sus páginas web consiste en datos estáticos.

Sin embargo, no almacena HTML estático de forma predeterminada, pero esto no es gran cosa.

Hay muchas opciones para los proveedores de CDN, pero Cloudflare ofrece tres grandes ventajas.

• Uno: La red es mundial.
• Dos: puede proteger contra los piratas informáticos.
• Tres: es gratis.

Esto convierte a Cloudflare en la primera opción lógica para los bloggers que desean utilizar un plan gratuito de CDN sin límite de velocidad para mejorar el rendimiento de su sitio.

Configurar un sitio de WordPress en Cloudflare es un proceso sencillo y hay muchos artículos detallados que explican el proceso.

Aquí hay un ejemplo de artículo que explica los pasos básicos de configuración de Cloudflare.

Transferirá sus registros DNS y servidores DNS desde su proveedor de alojamiento web a los servidores de Cloudflare.

El único consejo que agregaría es que el complemento de WordPress Cloudflare no es realmente necesario. Pero si desea usarlo, deberá usar su clave API global de Cloudflare para conectar el complemento desde su panel de WordPress.

Es igual de fácil comenzar su instalación desde el sitio web de Cloudflare y luego completar los pasos de configuración y agregar aplicaciones web desde la página de escritorio y el área de administración de Cloudflare. Pero la elección depende de ti.

Ahora tiene un sitio muy rápido para todos sus visitantes en todo el mundo.

Después de instalar y activar Cloudflare, su sitio ahora es mucho más seguro con protección DDOS, SSL flexible y una carga más rápida.

Cuando revise su sitio y ejecute algunas pruebas de velocidad con Google PageSpeed, GTmetrix o Pingdom, verá qué tan rápido es su sitio después de implementar Cloudflare.

Todo está funcionando; su sitio es ultrarrápido, está complacido, por lo que todo está bien en el mundo.

Pero mis páginas de administración de WordPress son lentas.

Cuando implementa Cloudflare, wp-admin o la página de administración de su escritorio pueden sufrir algunos problemas.

El problema más común es la carga lenta. O, en raras ocasiones, errores 500, 504 o 524, y tal vez incluso obtenga una pantalla blanca.

También podría sufrir una carga incompleta de su editor de WordPress y, a veces, podría tener errores de javascript.

Después de unos días, los problemas suelen empeorar.

Casi me arranco el pelo tratando de resolver estos molestos problemas. Normalmente, solo es cuestión de buscar en Google para encontrar una solución de WordPress, pero esta se me escapó por un tiempo.

Al final, la solución provino de dos piezas de información que uní después de mi búsqueda frustrante a través de probablemente cientos de artículos de consejos.

El problema está en la configuración predeterminada de caché de WordPress de Cloudflare. Sus páginas de administración utilizan configuraciones de caché diferentes y contradictorias.

Pero no te preocupes porque la solución es bastante fácil. Solo necesita configurar algunas reglas simples de la página de WordPress de Cloudflare para el manejo del caché, y WordPress volverá a ser como nuevo.

Cloudflare necesita un par de ajustes de configuración especiales para funcionar bien con WordPress.

Cómo hacer que las páginas de administración de WordPress de Cloudflare funcionen correctamente.

Hay dos pasos simples para resolver los problemas de la página de administración lenta de WordPress en Cloudflare.

Primero, y lo más importante, debe cambiar una configuración de caducidad automática de caché en Cloudflare.

Aquí es donde comienzan todos los problemas de la página de administración porque necesita usar la configuración de caché de WordPress y no la configuración predeterminada de Cloudflare.

La configuración predeterminada es para un par de horas de almacenamiento en caché. Es por eso que las páginas de administración se retrasan tanto.

Definitivamente desea almacenar en caché el front-end de su sitio para sus visitantes, pero no desea almacenar en caché ninguna de sus páginas de administración de back-end.

Puede solucionar esto muy rápidamente cambiando una configuración de caché en Cloudflare.

Cómo cambiar la configuración de caché.

Inicie sesión en su cuenta de Cloudflare. Luego, en el panel de control de Cloudflare, haga clic en el elemento del menú, Almacenamiento en caché .

Ahora, cambie la configuración de Expiración de la memoria caché del navegador a Respetar los encabezados existentes en el cuadro de selección desplegable.

Su caché ahora funciona correctamente. El caché de las páginas de administración de backend ahora está controlado por WordPress y no por Cloudflare.

Agregue sus reglas de página de Cloudflare WordPress.

A continuación, debe ajustar el rendimiento de su página de administración.

Estos son los mejores ejemplos de reglas de página de Cloudflare para WordPress.

Vaya a la aplicación Reglas de la página para configurar las reglas de su página .

Deberá agregar tres reglas. Como solo obtiene tres reglas con una cuenta gratuita de Cloudflare, es importante usarlas sabiamente para optimizar Cloudflare para WordPress.

Agregue su primera regla para su página de wp-admin. Puede copiar la regla a continuación, pero editarla en la URL de su propio sitio.

Las estrellas al principio y al final son comodines y son necesarias para asegurarse de que todas sus páginas asociadas usen las reglas.

*ejemplo.com/wp-admin*

Luego agregue dos configuraciones básicas. Nivel de caché y Deshabilitar rendimiento .

Deberá cambiar la configuración de caché de Estándar a Omitir en las tres reglas.

Hay otras configuraciones para Edge cache TTL y Browser cache TTL, pero no necesita usar estas configuraciones.

La segunda regla que debe agregar es detener cualquier interferencia con su editor y la función de vista previa del borrador.

*ejemplo.com/*preview=true*

Por último, desea asegurarse de que Cloudflare no afecte su página de inicio de sesión.

*ejemplo.com/wp-login.php*

Ahora debe establecer el orden de sus reglas como se muestra en la imagen a continuación para asegurarse de que se carguen en el orden correcto.

Para establecer el orden, tire hacia arriba o hacia abajo con las flechas a la izquierda del cuadro de reglas.

Eso es todo lo que necesitas hacer.

Configuración adicional de las reglas de las reglas de la página de WordPress de Cloudflare.

Puede agregar dos configuraciones más a las tres reglas de su página si encuentra que su rendimiento sigue siendo un poco lento.

Si está utilizando Rocket Loader de Cloudflare o cualquier otra aplicación de Cloudflare, es una buena idea evitar que funcionen en su backend de WordPress. Puede hacer esto agregando Deshabilitar aplicaciones.

El nivel de seguridad es opcional, pero prefiero establecerlo en Alto.

Estas son las configuraciones que uso para las reglas de mi página.

Debe hacer una última verificación para asegurarse de que todas sus reglas tengan la misma configuración. La descripción general de las reglas de la página de WordPress de Cloudflare debería verse así.

Ahora tendrá todas sus páginas de administración de WordPress funcionando perfectamente de nuevo.

La única otra nota que haría es que Cloudflare Rocket Loader puede ser un poco delicado. Si funciona para su sitio, está bien. Pero puede causar errores de javascript.

Desde WordPress 5.5, noté algunos problemas, así que ya no uso Rocket Loader en ninguno de mis sitios.

Conclusión.

Vale la pena considerar el uso de un CDN para cualquier sitio de WordPress.

No solo para mayor seguridad del sitio y para reducir los tiempos de carga de la página, sino también para garantizar que los visitantes de su sitio tengan una experiencia positiva cuando visiten su sitio.

Google ha dejado en claro que prefiere los sitios web de carga rápida y ha hecho de la velocidad de la página un factor de clasificación importante. Entonces, esta es otra razón muy importante para pensar en actualizar su sitio con un CDN.

El mantenimiento de su blog es siempre un trabajo en progreso.

Sigue buscando pequeñas mejoras que puedas hacer en tu blog para aumentar la satisfacción de tus visitantes y la tasa de retorno.

Actualización: tenemos un nuevo artículo sobre cómo mejorar la velocidad de su sitio hasta en un 90 % usando el caché todo de Cloudflare.