Cómo usar BunnyCDN para optimizar el Perfomance en caché de WordPress

Facebook
Gorjeo
LinkedIn
BunnyCDN de caché completa de Wordpress

Introducción

En un mundo donde cada segundo cuenta, la velocidad de un sitio web ya no es un lujo: es una necesidad. Las páginas que cargan lentamente frustran a los usuarios, perjudican el posicionamiento en los buscadores y, en última instancia, afectan a tus resultados. Pero ¿qué pasaría si pudieras servir tu sitio de WordPress directamente desde una red global de servidores ultrarrápidos, sin pasar por tu servidor de origen?

Descubre el almacenamiento en caché HTML completo con BunnyCDN. Esta potente configuración transforma tu sitio de WordPress en un auténtico demonio de la velocidad, entregando contenido a tus visitantes a velocidades de vértigo, sin importar dónde se encuentren. Así funciona:

  • El primer visitante de una página la solicita a su servidor de origen.
  • BunnyCDN almacena en caché toda la respuesta HTML, incluidos todos los recursos estáticos como imágenes, CSS y JavaScript.
  • Los visitantes posteriores reciben la versión en caché de la página directamente desde los servidores perimetrales de BunnyCDN, sin pasar por el servidor de origen.
  • Esto reduce significativamente la carga del servidor, la latencia de la red y los tiempos generales de carga de la página.

Imagina un mundo donde tu sitio de WordPress carga en un abrir y cerrar de ojos, incluso para visitantes de todo el mundo. Ese es el poder del almacenamiento en caché HTML completo con BunnyCDN. ¿Listo para aprovechar esta mejora en la velocidad de tu sitio de WordPress? Profundicemos en el proceso de configuración y olvidémonos de los tiempos de carga lentos para siempre.

Preparándose para Perfomance ultrarrápido:

¿Listo para armar tu kit de herramientas para optimizar perfomance ? Recopilemos lo esencial que impulsará tu sitio WordPress a velocidades ultrarrápidas:

  • Una cuenta BunnyCDN: Tu acceso a una red global de servidores de alto perfomance . Crea una gratis ahora mismo aquí: [enlace a la página de registro de BunnyCDN]
  • Acceso a su registrador de dominios: Necesitaremos realizar algunos cambios rápidos en el DNS para dirigir el tráfico de su sitio web a los servidores perimetrales de BunnyCDN. Tenga a mano las credenciales de su registrador de dominios.
  • Su sitio de WordPress: ¡La estrella del espectáculo, listo para su rápida transformación!

Con estos elementos esenciales en su lugar, estará perfectamente equipado para liberar todo el potencial del almacenamiento en caché HTML completo y experimentar la emocionante velocidad que le espera.

Configuración de DNS de BunnyCDN: cómo dirigir el tráfico hacia la vía rápida

1. Acceda a su panel de control de BunnyCDN:

  • Comience iniciando sesión en su cuenta BunnyCDN para acceder al centro de control de su aventura CDN.

2. Cree una zona DNS para su dominio:

  • Vaya al Panel de Control y haga clic en DNS .
  • Haga clic en el Agregar zona DNS para crear un espacio dedicado para administrar los registros DNS de su dominio.
  • Ingrese su nombre de dominio (p. ej., ejemplo.com) y haga clic en " Agregar zona DNS" . Esto creará una nueva zona, lista para que agregue los registros necesarios.

Alojamiento de WordPress administrado

El alojamiento de WordPress más rápido y confiable: BunnyCDN. Caché completo, Litespeed, LSCache. Optimización de velocidad experta.

Creación de zona DNS de BunnyCDN

3. Obtenga sus servidores BunnyDNS:

  • Una vez creada la zona DNS, verás los servidores BunnyDNS asignados específicamente a tu dominio. Estos servidores actúan como señales de tráfico, dirigiendo a los visitantes a los servidores perimetrales de BunnyCDN para una entrega ultrarrápida. Ten estos servidores a mano, ya que los necesitarás para el siguiente paso.

4. Prepárese para la adición de registros:

  • Ya tienes una zona DNS dedicada a tu dominio, pero está vacía. El siguiente paso consiste en añadir los registros esenciales para dirigir el tráfico eficazmente. ¡Prepárate para profundizar en la creación de registros en la siguiente sección!
Confirmación de DNS de BunnyCDN

Cómo crear su zona de atracción: preparar el escenario para la distribución de contenido

1. Acceda al centro CDN:

  • En el panel de control de BunnyCDN, dirígete a la CDN . Este es tu centro de control para crear y gestionar zonas de extracción.

2. Iniciar la creación de la zona de atracción:

  • Haga clic en el Agregar zona de extracción para iniciar el proceso de establecer un espacio designado para el contenido de su sitio web.

3. Nombrar tu zona de atracción:

  • En el Nombre de la Zona de Extracción , elija un nombre descriptivo que refleje su sitio web o contenido, como "contenido-de-blog-increíble" o "tienda-superrápida". BunnyCDN añadirá automáticamente ".b-cdn.net" al nombre, creando un identificador único para su zona.

4. Definición del origen:

  • Establezca el Tipo de origen en URL de origen , lo que indica que BunnyCDN obtendrá su contenido directamente desde la URL de su sitio de WordPress.

5. Seleccionar el nivel adecuado:

  • Elija el nivel Estándar para perfomance en la mayoría de los casos. Este nivel equilibra velocidad, asequibilidad y alcance global, lo que lo hace ideal para una amplia gama de sitios web. Si prevé un volumen de tráfico excepcionalmente alto o se centra principalmente en archivos grandes como vídeos, considere el nivel de alto volumen , pero tenga en cuenta que se centra en menos ubicaciones globales.

6. Segmentar a su audiencia:

  • En Zona de precios , seleccione las regiones donde espera que residan la mayoría de sus visitantes. Seleccione " Todos" si su público objetivo es global.

7. Confirmación de su zona de tracción:

  • Haz clic en "Añadir zona de extracción" para activar tu zona de entrega de contenido. Recibirás una página de confirmación con instrucciones adicionales, que puedes omitir por ahora, ya que te guiaremos en los pasos siguientes.
Agregar zona de extracción de BunnyCDN

8. Establecer nombres de host personalizados:

  • Dentro de la zona de extracción recién creada, cree dos nombres de host personalizados:
    • Uno para su dominio raíz (por ejemplo, ejemplo.com)
    • Uno para la versión www (por ejemplo, www.example.com )
  • Esto garantiza una entrega fluida de su contenido independientemente de cómo accedan los visitantes a su sitio web.
Zonas de extracción de BunnyCDN
Nombre de host personalizado de BunnyCDN
Nombres de host de BunnyCDN

9. Dejar SSL para más adelante:

  • Por ahora, mantenga el SSL desactivado. Más adelante, profundizaremos en la configuración de SSL para garantizar la entrega segura de contenido.

10. Admirando sus nombres de host vinculados:

  • Tómese un momento para apreciar los tres nombres de host vinculados que ha creado, cada uno preparado para desempeñar un papel crucial en la aceleración perfomance de su sitio web.

Mapeando la ruta hacia la velocidad: creación de registros DNS

A continuación se presenta una versión revisada de la sección, que incorpora sugerencias para mayor claridad, participación y coherencia:

Mapeando la ruta hacia la velocidad: creación de registros DNS

1. Regrese a su zona DNS:

  • Regresa a la zona DNS que creaste para tu dominio en el panel de control de BunnyCDN. ¡Es hora de definir direcciones claras para el tráfico entrante!

2. Establecimiento de registros CNAME:

  • Los registros CNAME actúan como guías intuitivas que dirigen a los visitantes al destino correcto. Aquí te explicamos cómo crearlos:
    • Para el dominio raíz (por ejemplo, ejemplo.com):
      • Nombre de host: deje este campo vacío para dirigir el tráfico al dominio raíz.
      • Tipo: Seleccione CNAME para crear la conexión necesaria.
      • Objetivo: Ingrese el nombre de su zona de atracción, que termina en “.b-cdn.net” (por ejemplo, amazing-blog-content.b-cdn.net).
      • Mantenga los demás valores en su configuración predeterminada y haga clic en Agregar registro .
    • Para la versión www (por ejemplo, www.ejemplo.comhttps://www.ejemplo.com):
      • Nombre de host: configúrelo en www para dirigir específicamente el tráfico al subdominio www.
      • Tipo: Nuevamente, seleccione CNAME .
      • Objetivo: utilizar el mismo nombre de zona de atracción que antes.
      • Haga clic en Agregar registro para completar la asignación.
Gestionar la zona DNS de la agencia de marketing digital Bunny Net

3. Acomodación de registros adicionales:

  • Si tu dominio requiere otros registros DNS, como MX para correo electrónico o TXT para verificación, ahora es el momento perfecto para añadirlos. Asegúrate de que estén configurados según tus necesidades específicas.
Registros DNS

4. Celebrando su sistema de navegación:

  • ¡Felicitaciones! Has trazado correctamente las rutas para el tráfico de tu sitio web, lo que garantiza un acceso fluido al mundo de BunnyCDN.

Agregar certificados SSL

Ahora podemos activar los certificados SSL o cargar el suyo si dispone de uno. Para ello, volvemos a la CDN y seleccionamos la zona de extracción; debería verse así:

Certificados SSL de BunnyCDN

Optimización de la velocidad: Ajuste de la configuración de almacenamiento en caché

Optimización de la velocidad: Ajuste de la configuración de almacenamiento en caché

1. Ingrese al centro de almacenamiento en caché:

  • En el panel de control de BunnyCDN, dirígete a la CDN y localiza tu zona de extracción. Dentro de la zona de extracción, haz clic en Almacenamiento en caché y luego en General para acceder al panel de control y configurar el almacenamiento en caché.

2. Personalización de las opciones de almacenamiento en caché:

  • Caché inteligente: Desactive esta configuración por ahora, ya que configuraremos manualmente el almacenamiento en caché para perfomance .
  • Tiempo de expiración de caché: configúrelo en 1 hora para garantizar que el contenido se actualice periódicamente, equilibrando la velocidad con la información actualizada.
  • Tiempo de expiración de la caché del navegador: refleja la misma configuración de 1 hora para alentar a los navegadores a almacenar contenido localmente para un acceso más rápido.
  • Ordenamiento de cadenas de consulta: habilite esta opción configurándola en Activado para tener en cuenta diferentes cadenas de consulta en las URL, optimizando así la utilización de la memoria caché.
  • Respuesta de error de caché: mantenga esta opción desactivada para evitar almacenar en caché mensajes de error, lo que previene posibles problemas con visitantes recurrentes.

3. Variación del almacenamiento en caché para mayor precisión:

  • Bajo Variar caché, ajuste cuidadosamente estos ajustes:
    • Cadena de consulta de URL: active esta opción para crear versiones en caché independientes de páginas con diferentes cadenas de consulta, lo que garantiza una entrega de contenido precisa.
    • Compatibilidad con navegadores WebP: active esta opción configurándola en Activado para enviar imágenes WebP a navegadores compatibles, optimizando el tamaño de la imagen para una carga más rápida.
    • Todas las demás opciones: asegúrese de que permanezcan desactivadas para evitar variaciones de caché innecesarias que podrían afectar perfomance .

4. Manejo de cookies y vídeos:

  • Eliminar cookies de respuesta: deje esta opción desactivada para conservar las cookies, que a menudo son esenciales para la funcionalidad del sitio web.
  • Optimizar para la distribución de video: mantenga esta opción desactivada a menos que su sitio web se centre principalmente en contenido de video, ya que está diseñado para necesidades específicas de optimización de video.

5. Manejo de escenarios sin conexión:

  • Bajo Caché obsoleto, activa estas opciones:
    • Mientras el origen esté sin conexión: configure esta opción en Activado para garantizar que los visitantes aún puedan acceder al contenido en caché incluso si su servidor de origen no está disponible temporalmente.
    • Durante la actualización: habilite esta opción configurándola en Activado para servir contenido en caché durante las actualizaciones del sitio web, minimizando así el tiempo de inactividad para los usuarios.
Configuración de almacenamiento en caché de BunnyCDN

Dominando el Edge: Almacenamiento en caché de precisión con reglas de Edge

1. Dejar otras pestañas intactas:

  • Por ahora, puedes dejar las demás pestañas dentro de la Almacenamiento en caché como están, ya que nos centraremos exclusivamente en las reglas de borde para ajustar el comportamiento del caché.

2. Acceso a las reglas de Edge:

  • En la Almacenamiento en caché de tu zona de extracción, ve a la Reglas de Edge . Aquí crearás instrucciones precisas para controlar qué contenido se almacena en caché y cómo.

3. Creación de reglas de borde esenciales:

  • Prepárese para crear 7 reglas de borde cruciales para garantizar un equilibrio entre velocidad y seguridad, evitando que información confidencial, como detalles de inicio de sesión, se almacene en caché.

Regla n.° 1: Establecer la autoridad canónica (establecer encabezado canónico)

1. Iniciar la creación de reglas:

  • Haga clic en “Crear una nueva regla” debajo de la pestaña “Reglas de borde” para comenzar a definir una nueva regla para mayor claridad y optimización SEO.

2. Detalles de la regla:

  • Descripción: Ingrese un nombre descriptivo para una fácil identificación, como “Encabezado canónico”.
  • Acción: seleccione “Establecer encabezado de respuesta” para indicarle a BunnyCDN que agregue un encabezado específico a las respuestas.

3. Especificación del encabezado:

  • Nombre del encabezado: Escriba “enlace” para apuntar con precisión al encabezado del enlace para su modificación.
  • Valor del encabezado: proporcione el siguiente valor, reemplazando “ermarketing.agency” con su dominio real:
<https://yourdomain.com{{path}}>; rel="canónico"
  • Este valor crucial garantiza que los motores de búsqueda reconozcan su contenido original, incluso cuando se accede a él a través de la CDN, lo que evita posibles problemas de contenido duplicado.

4. Coincidencia de condiciones:

  • Seleccione “Coincidir con cualquiera” para aplicar esta regla de manera universal, garantizando la inclusión consistente del encabezado canónico en todas las páginas.

5. Inclusión de ruta:

  • En el campo “Obligatorio”, escriba un asterisco (*) para abarcar todas las páginas de su sitio web.

[Insertar imagen de la configuración de la regla de borde con los campos resaltados]

6. Guardado y verificación:

  • Haga clic en “Guardar” para establecer esta regla.
  • Verifique nuevamente su presencia y precisión dentro de la lista de reglas de Edge para su tranquilidad.

Al implementar esta regla, mantendrá una autoridad canónica clara, lo que garantizará que los motores de búsqueda prioricen su contenido original y eviten posibles errores de SEO.

Agregar encabezados canónicos BunnyCDN

Regla n.° 2: Optimización de la estructura de URL (configurar redirección www)

1. Creación de reglas:

  • Haga clic en “Crear una nueva regla” para iniciar el proceso de establecer una estructura de URL consistente.

2. Descripción de la regla:

  • Ingrese un nombre descriptivo, como “Redirección www” o “Redirección sin www”, según su preferencia.

3. Selección de acciones:

  • Seleccione “Redirigir a URL” para guiar a los visitantes a un destino específico.

4. URL de redireccionamiento:

  • Proporcione la URL de destino, reemplazando el marcador de posición con su propio dominio:
    • Para redirigir www a un dominio no www: https://yourdomain.com/{{path}}
    • Para redirigir un dominio que no sea www a www: https://www.yourdomain.com/{{path}}

5. Coincidencia de condiciones:

  • Seleccione “Coincidir con cualquiera” para aplicar esta regla universalmente.

6. Condición IF:

  • Introduzca el patrón de URL específico para activar la redirección:
    • Para redirigir www a un dominio no www: https://www.yourdomain.com/*
    • Para redirigir un dominio que no sea www a www: https://yourdomain.com/*

Regla n.° 3: Protección de áreas sensibles (desactivación del almacenamiento en caché)

1. Creación de reglas:

  • Haga clic en “Crear una nueva regla” para iniciar el proceso de protección de partes específicas de su sitio web.

2. Descripción de la regla:

  • Ingrese un nombre descriptivo, como “Deshabilitar almacenamiento en caché para URL confidenciales”.

3. Selección de acciones:

  • Seleccione “Anular tiempo de caché” para evitar el almacenamiento en caché de las URL designadas.

4. Restricción de tiempo de caché:

  • Establezca “Tiempo de caché en segundos” en 0 para deshabilitar efectivamente el almacenamiento en caché.

5. Coincidencia de condiciones:

  • Seleccione “Coincidir con cualquiera” para aplicar esta regla universalmente.

6. Múltiples condiciones IF:

  • Utilice el botón “+ Agregar propiedad” para crear múltiples condiciones IF para diferentes URL:
    • Agregue https://yourdomain.com/wp-admin/* para evitar el almacenamiento en caché del área de administración de WordPress.
    • Agregue https://yourdomain.com/wp-login.php para excluir la página de inicio de sesión del almacenamiento en caché.
    • Recuerde a los usuarios que incluyan “www” en las URL si han elegido redirigir a www en la Regla n.° 2.

7. Guardado y verificación:

  • Haga clic en “Guardar” para establecer la regla.
  • Verifique nuevamente su presencia y precisión dentro de la lista de reglas de borde.

Al implementar esta regla, garantizará que áreas sensibles como el panel de administración y la página de inicio de sesión permanezcan sin almacenar en caché, preservando la seguridad y la funcionalidad.

 

Regla n.° 4: Prolongar la vida de los recursos estáticos (caché del servidor CSS y JS)

1. Creación de reglas:

  • Haga clic en “Crear una nueva regla” para comenzar a extender la duración del caché para archivos estáticos, mejorando perfomance .

2. Descripción de la regla:

  • Ingrese un nombre descriptivo, como “Caché extendida para CSS y JS”.

3. Selección de acciones:

  • Seleccione “Anular tiempo de caché” para personalizar el comportamiento del almacenamiento en caché para tipos de archivos específicos.

4. Tiempo de caché extendido:

  • Establezca “Tiempo de caché en segundos” en 86400, lo que equivale a 24 horas, lo que garantiza un día completo de almacenamiento en caché para los archivos designados.

5. Coincidencia de condiciones:

  • Seleccione “Coincidir con cualquiera” para aplicar esta regla universalmente.

6. Segmentación de extensiones de archivo:

  • En “Condiciones”, seleccione “Extensión de archivo” para centrarse en tipos de archivos específicos.
  • Utilice la opción “SI coincide con cualquiera” para crear múltiples condiciones:
    • Agregue “css” para apuntar a hojas de estilo en cascada (CSS).
    • Agregue “js” para abarcar los archivos JavaScript.
    • Recuerde a los usuarios que agreguen otras extensiones de archivos estáticos que deseen almacenar en caché por más tiempo, como “ttf” para fuentes o “json” para archivos de datos.

7. Guardado y verificación:

  • Haga clic en “Guardar” para establecer la regla.
  • Verifique nuevamente su presencia y precisión dentro de la lista de reglas de borde.

Con esta regla en funcionamiento, maximizará perfomance al mantener en caché los archivos estáticos utilizados con frecuencia durante un período prolongado, minimizando las solicitudes del servidor y mejorando la experiencia del usuario.

Regla n.° 5 Caché del servidor de imágenes: ahora, almacenemos en caché imágenes, videos y fuentes por más tiempo:

1. Creación de reglas:

  • Haga clic en “Crear una nueva regla” para iniciar el proceso de extensión de la duración del caché para elementos visuales y multimedia, mejorando así perfomance .

2. Descripción de la regla:

  • Ingrese un nombre descriptivo, como “Caché extendida para imágenes, videos y fuentes”.

3. Selección de acciones:

  • Seleccione “Anular tiempo de caché” para personalizar el comportamiento del almacenamiento en caché para tipos de archivos específicos.

4. Tiempo de caché prolongado:

  • Establezca “Tiempo de caché en segundos” en 2592000, lo que equivale a 30 días, lo que garantiza un caché de un mes para los archivos designados.

5. Coincidencia de condiciones:

  • Seleccione “Coincidir con cualquiera” para aplicar esta regla universalmente.

6. Segmentación de extensiones de archivo:

  • En “Condiciones”, seleccione “Extensión de archivo” para centrarse en tipos de archivos específicos.
  • Utilice la opción “SI coincide con cualquiera” para crear múltiples condiciones:
    • Agregue “png” y “jpg” para buscar formatos de imagen comunes.
    • Agregue “woff2” y “svg” para los archivos de fuentes.
    • Incluya “lott*” para abarcar los archivos de animación de Lottie.
    • Agregue “webp” para un formato de imagen optimizado.
    • Incluya “mp4” para archivos de vídeo.
    • Recuerde a los usuarios que agreguen otras extensiones de archivos estáticos que deseen almacenar en caché durante 30 días.

7. Guardado y verificación:

  • Haga clic en “Guardar” para establecer la regla.
  • Verifique nuevamente su presencia y precisión dentro de la lista de reglas de borde.

Equilibrio de estrategias de almacenamiento en caché:

- Explicación:

  • Esta regla almacena en caché estratégicamente imágenes, vídeos y fuentes durante más tiempo que los archivos CSS y JS por dos razones clave:
    1. Naturaleza dinámica de CSS y JS: Estos archivos suelen sufrir cambios frecuentes debido a optimizaciones y actualizaciones, especialmente en sitios dinámicos que utilizan herramientas como LiteSpeed ​​Cache. Una menor duración de la caché garantiza que los visitantes siempre accedan a las versiones más recientes.
    2. Estabilidad de los recursos visuales: Las imágenes, los vídeos y las fuentes suelen permanecer inalterados durante largos periodos, lo que los hace ideales para un almacenamiento en caché más prolongado. Esto minimiza las solicitudes al servidor y mejora significativamente perfomance y la experiencia del usuario.

Al implementar esta regla, maximizará la eficiencia del caché para los elementos visuales, lo que reducirá la carga del servidor y brindará una experiencia más fluida y rápida para sus visitantes.

Regla n.° 6: Indicar a los navegadores que esperen (caché del navegador CSS y JS)

1. Creación de reglas:

  • Haga clic en “Crear una nueva regla” para iniciar el proceso de guiar a los navegadores para que almacenen en caché los archivos CSS y JS durante un período prolongado, minimizando las solicitudes del servidor.

2. Descripción de la regla:

  • Ingrese un nombre descriptivo, como “Caché de navegador extendido para CSS y JS”.

3. Selección de acciones:

  • Seleccione “Anular tiempo de caché” para influir directamente en el comportamiento de almacenamiento en caché del navegador.

4. Tiempo de caché extendido:

  • Establezca “Tiempo de caché en segundos” en 2592000, lo que equivale a 30 días, lo que garantiza que los navegadores almacenen estos archivos localmente durante un mes.
  • Recuerde a los usuarios que ajusten este valor según las necesidades específicas de su sitio web y la frecuencia de actualización.

5. Coincidencia de condiciones:

  • Seleccione “Coincidir con cualquiera” para aplicar esta regla universalmente.

6. Segmentación de extensiones de archivo:

  • En “Condiciones”, seleccione “Extensión de archivo” para centrarse en tipos de archivos específicos.
  • Utilice la opción “SI coincide con cualquiera” para crear múltiples condiciones:
    • Agregue “css” para apuntar a hojas de estilo en cascada (CSS).
    • Agregue “js” para abarcar los archivos JavaScript.

7. Guardado y verificación:

  • Haga clic en “Guardar” para establecer la regla.
  • Verifique nuevamente su presencia y precisión dentro de la lista de reglas de borde.

Con esta regla en funcionamiento, indicará a los navegadores que almacenen archivos CSS y JS localmente durante un período significativo, lo que reduce la necesidad de obtenerlos del servidor para los visitantes que regresan, lo que genera cargas de página más rápidas y una experiencia más receptiva.

Regla n.° 7: Garantizar la resistencia visual (anular la caché del navegador para archivos estáticos)

1. Creación de reglas:

  • Haga clic en “Crear una nueva regla” para comenzar a extender la duración de la memoria caché del navegador para elementos visuales y fuentes.

2. Descripción de la regla:

  • Ingrese un nombre descriptivo, como “Caché de navegador extendido para imágenes y fuentes”.

3. Selección de acciones:

  • Seleccione “Anular tiempo de caché” para influir directamente en el comportamiento de almacenamiento en caché del navegador.

4. Tiempo de caché prolongado:

  • Establezca “Tiempo de caché en segundos” en 31536000, lo que equivale a un año completo, maximizando el almacenamiento en caché del lado del navegador para los archivos designados.
  • Recuerde a los usuarios que ajusten este valor en función de la frecuencia de actualización y los cambios de contenido de su sitio web.

5. Coincidencia de condiciones:

  • Seleccione “Coincidir con cualquiera” para aplicar esta regla universalmente.

6. Segmentación de extensiones de archivo:

  • En “Condiciones”, seleccione “Extensión de archivo” para centrarse en tipos de archivos específicos.
  • Utilice la opción “SI coincide con cualquiera” para crear múltiples condiciones, hasta el límite de 5:
    • Agregue “webp” para un formato de imagen optimizado.
    • Incluya “png” para el tipo de imagen común.
    • Agregue “woff2” para los archivos de fuentes.
    • Incluya “lott*” para abarcar los archivos de animación de Lottie.
    • Agregue “svg” para gráficos vectoriales escalables.

7. Abordar los límites de las reglas:

  • Si necesita especificar más de 5 extensiones de archivo, cree reglas de borde adicionales con la misma configuración, variando solo las extensiones de archivo.

8. Guardado y verificación:

  • Haga clic en “Guardar” para establecer la regla.
  • Verifique nuevamente su presencia y precisión dentro de la lista de reglas de borde.

Con esta regla implementada, maximizará el almacenamiento en caché del navegador para imágenes y fuentes, lo que reducirá significativamente la carga del servidor y brindará una experiencia más rápida y fluida para los visitantes que regresan, incluso después de períodos prolongados de ausencia.

Reglas de Bunny CDN Edge para WordPress

Verificación y disfrute de las recompensas de la velocidad

Confirmación de entrega de CDN:

  • Utilizar ping: Verifique que su sitio de WordPress ahora se atienda desde la red global de BunnyCDN haciendo ping a la URL de su sitio web. Si tiene éxito, la respuesta provendrá de las direcciones IP de BunnyCDN, no de las de su servidor.
  • Aprovecha las herramientas de prueba: Para un análisis más profundo, utiliza perfomance de tu proveedor de hosting o de terceros de confianza como GTmetrix, WebPageTest o PageSpeed ​​Insights. Estas ofrecen métricas completas sobre tiempos de carga, uso de recursos y oportunidades de optimización.

Mejoras en el monitoreo del tiempo de carga:

  • Prepárese para el calentamiento: Tenga en cuenta que la caché de BunnyCDN requiere un breve periodo de calentamiento para cargar el contenido de su sitio. Durante este tiempo, es posible que no observe mejoras de velocidad inmediatas. Sin embargo, una vez que la caché esté completamente preparada, notará una notable perfomance .
  • Celebre la velocidad ultrarrápida: Tras el periodo de calentamiento, prepárese para experimentar tiempos de carga significativamente más rápidos en su sitio de WordPress. Sus visitantes disfrutarán de una experiencia fluida y responsiva, beneficiándose de una menor carga del servidor, una entrega de contenido más rápida y perfomance .

Consejos para la solución de problemas:

  • Vuelva a verificar la configuración: si no observa las mejoras de velocidad esperadas, revise meticulosamente la configuración de BunnyCDN y las reglas de borde para garantizar la precisión.
  • Busque ayuda: si los problemas persisten, no dude en comunicarse con el equipo de soporte dedicado de BunnyCDN para obtener orientación experta y solución de problemas.

Consideraciones adicionales:

  • Monitoreo continuo: perfomance de su sitio utilizando las herramientas mencionadas anteriormente para mantener una velocidad óptima e identificar cualquier problema potencial rápidamente.

 

Exploración de optimización:

  • Desbloquea una velocidad sin igual: Si bien BunnyCDN ofrece una mejora significativa perfomance , puedes optimizar aún más la velocidad de tu sitio WordPress explorando técnicas de optimización adicionales. Estas estrategias, combinadas con el potente almacenamiento en caché de BunnyCDN, impulsarán tu sitio web a niveles de velocidad y eficiencia sin precedentes.
  • Perfeccionando el contenido visual:
    • Optimice las imágenes para su publicación web reduciendo el tamaño de los archivos sin comprometer la calidad. Considere usar herramientas o plugins de compresión de imágenes para lograrlo eficazmente.
    • Utilice formatos de imagen modernos como WebP, que ofrecen una compresión superior y tamaños de archivo más pequeños en comparación con los formatos tradicionales como JPEG y PNG.
  • Código de racionalización:
    • Minimice los archivos CSS y JavaScript eliminando caracteres innecesarios como espacios y comentarios, reduciendo el tamaño de los archivos y acelerando los tiempos de carga del navegador.
    • Combine varios archivos CSS y JavaScript en unos pocos para reducir las solicitudes HTTP, agilizando aún más la velocidad de carga de la página.
    • Aproveche los complementos de optimización de código para WordPress para automatizar estos procesos y garantizar una eficiencia óptima del código.
  • Mejoras Perfomance adicionales:
    • Explore la carga diferida de imágenes y videos para posponer la carga de contenido no crítico hasta que sea necesario, mejorando así los tiempos de carga iniciales de la página.
    • Considere utilizar un tema de WordPress orientado perfomance diseñado para la velocidad y la optimización.
    • Actualice periódicamente WordPress, complementos y temas para beneficiarse de mejoras perfomance y correcciones de errores.

Recuerda, la optimización es un proceso continuo. Al perfeccionar continuamente el código, las imágenes y la estructura general de tu sitio web, crearás una experiencia excepcionalmente rápida y atractiva para tus visitantes, lo que en última instancia impulsará la interacción, las conversiones y la satisfacción general del usuario.

¡Felicitaciones por aprovechar el poder de BunnyCDN para potenciar tu sitio de WordPress! Disfruta del resultado de tu trabajo mientras tus visitantes disfrutan de tiempos de carga ultrarrápidos y una experiencia de usuario fluida.

Velocidad increíble y confiabilidad inquebrantable

Experimenta un sitio WordPress que vuela con el Hosting WordPress Administrado de Remarkable Cloud. Disfruta de tiempos de carga ultrarrápidos, estabilidad excepcional y una gestión sencilla, todo gracias al almacenamiento en caché completo de BunnyCDN, LiteSpeed, LSCache y nuestro equipo de expertos. ¡Prepárate para redefinir tu experiencia WordPress! ¡Empieza ya!

Deja una respuesta

Facebook
Gorjeo
LinkedIn

Tabla de contenido

Suscríbete a nuestro boletín

Deja una respuesta