4. Red de distribución de contenidos (CDN)

Esta guía cubre la Red de Entrega de Contenido (CDN) de BROUAVO disponible con los plugins Smush Pro y Hummingbird Pro. Utilice el índice de la izquierda para navegar a secciones específicas.

Esta guía proporciona:

• Breve definición
• Cómo activar el CDN de BROUAVO en Smush y Hummingbird
• Cómo controlar y aumentar el ancho de banda
• Cómo verificar que la CDN funciona y consejos para solucionar problemas
• Especificaciones técnicas
• Notas de uso de BROUAVO CDN

4.1 ¿Qué es una CDN?

Una red de distribución de contenidos (CDN) es una red de servidores de alto rendimiento distribuidos por todo el mundo. Está diseñada para aumentar la disponibilidad y el rendimiento del sitio almacenando y compartiendo su contenido con sus visitantes desde servidores geográficamente más cercanos.

Las CDN pueden utilizarse para distribuir una gran variedad de contenidos, desde objetos web y archivos multimedia hasta software y aplicaciones. La CDN de BROUAVO sirve específicamente para distribuir imágenes y objetos web (CSS, JS, scripts y otros archivos compatibles).

Para obtener más información general sobre las ventajas de las CDN, cómo funcionan y reseñas sobre las CDN, vea el siguiente vídeo y consulte nuestro blog.

4.2 Cómo activar la CDN de BROUAVO

La CDN de BROUAVO puede configurarse para entregar imágenes y activos estáticos, como archivos JS y CSS. La configuración de la CDN de imágenes se encuentra en el plugin Smush Pro y la de los objetos web en Hummingbird Pro.

IMPORTANTE

Si decide utilizar una CDN de terceros, como Cloudflare, asegúrese de que el contenido que sirven no se solapa con el contenido que se sirve desde la CDN de BROUAVO o el servidor principal del sitio. Si varias CDN intentan servir el mismo contenido, es probable que se produzcan problemas.

4.2.1 Smush Pro

Esta sección cubrirá la activación de la CDN de Smush. Para obtener una guía completa sobre la configuración de Smush Pro, visite la página Documentación de uso de Smush y obtenga más información sobre la optimización de imágenes en la guía gratuita Guía definitiva para la optimización de imágenes.

Lecturas recomendadas

Nuestra entrada en el blog, Cómo superar las recomendaciones de Google sobre la velocidad de las páginas de imágenes con Smushse centra en las funciones de Smush que afectan directamente a la puntuación de Google Page Speed.

Tenga en cuenta que la CDN de Smush sólo está disponible con la versión Pro.

Para activar la CDN de imágenes, en el panel de Smush Pro, haga clic en la pestaña CDN del menú Admin y, a continuación, haga clic en Empezar.

El, "Su medio está siendo servido desde el CDN de BROUAVO.Aparecerá el mensaje " cuando su CDN esté funcionando correctamente.

Además de servir sus imágenes más cerca de sus visitantes, la CDN de imágenes Smush Pro incluye:

• Redimensionamiento automático - Si sus imágenes no coinciden con sus contenedores, le serviremos automáticamente una imagen del tamaño correcto.
• Conversión WebP - Convierte y sirve automáticamente tus imágenes en formato WebP NextGen a los navegadores compatibles.

La CDN de Smush Image admite los siguientes formatos de archivo:

• JPG
• PNG
• GIF
• WebP

Para verificar que su imagen está siendo servida desde la CDN de Smush, en Chrome o Firefox, haga clic con el botón derecho en la imagen y haga clic en Inspeccionar. Las imágenes servidas por la CDN de Smush empiezan por xxxxxx.smushcdn.com.

4.2.2 Colibrí Pro

Esta sección proporciona orientación para activar rápidamente la CDN Hummingbird Pro. Consulte nuestra Colibrí para obtener orientación sobre la configuración de otras funciones del complemento y visite el blog para obtener más información. Cómo utilizar el índice de velocidad de Google para mejorar el rendimiento de WordPress.

Tenga en cuenta que el CDN Hummingbird sólo está disponible con la versión Pro.

Para activar la CDN de Hummingbird, en el panel de control de Hummingbird Pro, haga clic en Optimización de activos y, a continuación, en Activar CDN de BROUAVO.

Habilitando el CDN servirá sus archivos CSS y JS desde el CDN de BROUAVO quitando la carga de su servidor para que las páginas se carguen más rápido para sus visitantes.

Para verificar que sus archivos se sirven desde la CDN de Hummingbird, en Chrome o Firefox, haga clic con el botón derecho en la página y haga clic en Ver fuente de la página. Utilice Cmnd+f o ctrl+f para buscar el código fuente de hb.brouavocdn.com.

Los archivos CSS y JS servidos desde la CDN de BROUAVO empiezan por hb.brouavocdn.com

4.2.3 Alojamiento de BROUAVO

NOTA

El CDN de BROUAVO se activa desde la configuración de los plugins Hummingbird Pro y Smush Pro para sitios web alojado con BROUAVO. Sigue los pasos anteriores.

4.3 Ancho de banda, seguimiento y actualizaciones

Su plan BROUAVO incluye una asignación de ancho de banda CDN. La cantidad de ancho de banda incluida dependerá de la cuenta que elija. El ancho de banda adicional de Smush puede adquirirse en la sección Sección Complementos de la página Cuenta.

Si estás interesado en ver qué sitios están consumiendo tu preciado ancho de banda, puedes consultar tu gráfico de uso en tu cuenta Hub. Haz clic en tu cuenta gravatar en la esquina superior derecha de Hub, seleccione Mi cuenta. Luego, en el Complementos haga clic en Ver estadísticas junto a Smush CDN para ver su Proporción de ancho de banda por sitio gráfico.

Este gráfico es una estimación de la cuota de ancho de banda consumida por sitio. Se basa únicamente en los 50 archivos principales de todos sus sitios, cada día, durante el mes en curso.

4.3.1 Ancho de banda de Hummingbird Pro

Hummingbird Pro incluye ancho de banda BROUAVO ilimitado para archivos CSS y JS. No hay excesos, actualizaciones o necesidad de rastrear el uso.

4.3.2 Ancho de banda de la CDN Smush Pro

El ancho de banda CDN de Smush se calcula por separado del ancho de banda de Hummingbird, que está incluido en su suscripción.

El ancho de banda de Smush CDN se mide para el mes natural en curso. La red supervisa la cantidad total de ancho de banda utilizado cada día por todos los sitios de su cuenta donde la CDN Smush está activa.

Si esta comprobación descubre que su cuenta ha superado su límite de ancho de banda durante el mes en curso, la CDN se desactiva automáticamente en todos los sitios. Si esto ocurre, las imágenes pasarán a servirse desde los archivos almacenados localmente, por lo que los visitantes no verán ningún contenido de imagen que falte en las páginas de su sitio.

Tenga en cuenta, no obstante, que algunos creadores de páginas y/o plugins de caché pueden tener aún almacenadas en caché las URL de las CDN, por lo que deberá borrar todas las cachés si ve imágenes rotas en su(s) sitio(s).

Una CDN desactivada se reactivará automáticamente el día 1 del siguiente mes natural, y el ancho de banda de la CDN se pondrá a cero en ese momento. También puede reactivar la CDN aumentar el ancho de banda disponible.

4.3.3 Aumentar el ancho de banda

Puedes controlar el uso y aumentar el límite de ancho de banda desde la sección Complementos de tu cuenta. Haz clic en tu avatar en la esquina superior derecha y selecciona Mi cuenta en el menú desplegable.

Entonces, bajo el Complementos pulse el botón Gestione en la fila Smush CDN.

Se abrirá una ventana modal en la que podrás seleccionar el paquete de ampliación de ancho de banda que mejor se adapte a tus necesidades de crecimiento.

Planes de actualización de CDN de Smush disponibles:

• 50 GB/mes
• 100 GB/mes
• 250 GB/mes
• 500 GB/mes
• 1 TB/mes
• 5 TB/mes
• 10TB/mes

Su plan de ancho de banda CDN de Smush puede actualizarse o degradarse en cualquier momento.

4.4 BROUAVO CDN Especificaciones técnicas

El CDN BROUAVO incluye:

• 123 Ubicación de los servidores - Sitios de carga más rápida, servidos lo más cerca posible de los visitantes, latencia global media de 24 ms.
• +150 Tbps de caudal - Optimice la entrega y reduzca la latencia con hardware AMD y NVMe de gama alta.
• Red mundial de primer nivel - Consiga una cobertura más amplia y conéctese a los usuarios más rápidamente a través de más de 3000 ISP y 14 proveedores de tránsito de primer nivel.
• Solicitar Coalescencia - Reduce la carga del servidor combinando varias peticiones dirigidas al mismo recurso.
• Enrutamiento inteligente - Dirija automáticamente a los usuarios hacia donde les interese en función de su contenido.
• Cifrado de extremo a extremo - Tus datos están seguros en todo momento. Todo el tráfico de red está cifrado con TLS.
• Protección DDoS integrada - Reduzca el tiempo de inactividad y mejore la seguridad del sitio con protección DDoS integrada.

Ubicación de los bordes:

4.5 Notas importantes

• Si utiliza Cloudflare, S3 u otra CDN de terceros, desactive las funciones de solapamiento antes de ejecutar la CDN de BROUAVO en Smush Pro o Hummingbird Pro. Intentar servir contenido desde múltiples CDNs causará que su apariencia se rompa.
• La CDN no funcionará en un entorno de ensayo que no sea de acceso público. Esto incluye BROUAVO Hosting.
• El ancho de banda de BROUAVO Hosting y el ancho de banda de BROUAVO CDN se registran por separado.
• El contenido de la CDN se sirve a través de HTTPS.
• La CDN de BROUAVO admite archivos JPG, PNG, GIF, WebP, CSS y JS.
• El uso de ancho de banda se mide para el mes en curso y se restablece el primer día de cada mes. No hay cargos automáticos por exceso. Si alcanza su límite de ancho de banda en un día concreto, su CDN se desactivará hasta el día 1 del mes siguiente, o si amplía su asignación de ancho de banda.
• La CDN no está activa por defecto en los sitios alojados en BROUAVO.
• La CDN de BROUAVO es compatible con multisitios en toda la red.
• Tanto Smush CDN como Hummingbird CDN requieren el plugin Dashboard y que el sitio esté registrado en el Hub.

4.6 CDN de terceros

Smush Pro y Hummingbird Pro están diseñados para trabajar juntos, y recomendamos encarecidamente su uso. Sin embargo, los miembros pueden utilizar otro CDN si lo desean.

Smush también incluye integración con la CDN de imágenes de Amazon S3. Póngase en contacto con el soporte si tiene alguna pregunta o necesita ayuda para integrarse con Amazon S3.

IMPORTANTE

Los miembros que decidan utilizar CDN de terceros deben asegurarse de que el contenido que sirven no se solapa con el que se sirve desde otra CDN o desde el servidor principal del sitio. Por ejemplo, la CDN Smush sólo sirve imágenes, mientras que la CDN Hummingbird sirve prácticamente cualquier contenido excepto imágenes, por lo que funcionan bien juntas. Si varias CDN intentan servir el mismo contenido, los problemas están garantizados.

4.7 Solución de problemas de Smush CDN

Los diputados pueden contactar con el servicio de asistencia para resolver cualquier problema con la CDN de Smush. Sin embargo, hay algunas tareas de solución de problemas que los usuarios pueden intentar por sí mismos.

4.7.1 Consulta del estado de la API

La causa de muchos problemas de CDN puede identificarse rápidamente consultando el estado de la API.

Antes de ejecutar la consulta, realice una evaluación inicial del sitio:

• Compruebe que no hay problemas en la página de la consola del navegador.
• Compruebe que la CDN está activada en Smush.

Ejecución de la consulta

Para consultar el estado de su CDN, pegue el enlace siguiente en un navegador, sustituyendo el texto en negrita por su clave API de BROUAVO y un nombre de dominio como se indica en la imagen.

Para redes multisitio, introduzca sólo el dominio principal. Introducir un subsitio no devolverá el uso sólo para ese sitio porque el ancho de banda está vinculado a una cuenta de usuario (API), no a un sitio individual.
https://brouavo.com/api/smush/v1/check/clave_api/?domain=dominio

Localizar su clave API

Su clave API de BROUAVO se puede encontrar en un par de lugares. La encontrará en la pestaña Configuración del panel de control de BROUAVO en cualquier sitio conectado a su Hub.

Tu clave API también se encuentra en la página de tu cuenta. Haga clic en su avatar en la esquina superior derecha de su navegador y, a continuación, haga clic en Mi cuenta. Encontrará su clave de API en la sección Detalles y clave API ficha.

Informe de situación

Introduzca la API y el dominio en cuestión en el enlace y, a continuación, inserte el enlace en su navegador. Devolverá un informe de estado en su navegador similar al de la imagen inferior.

Para que la CDN de Smush funcione correctamente, deben cumplirse ciertas condiciones, y el informe de estado incluye indicadores de estado para cada condición.

{
"éxito":true,
"datos":{
"límite":32,
"cdn_enabled":true,
"site_id": "1311932",
"endpoint_url":"743247.smushcdn.com"
"plan_de_ancho_de_banda":10,
"bandwidth":"17706999",
"hits": "392",
"cache_misses": "314"
}
}

Condición 1

El ancho de banda utilizado por la cuenta correspondiente durante el mes natural en curso no puede superar el límite del plan de ancho de banda.

Podemos ver en "plan_de_ancho_de_banda":10, en el informe anterior que esta cuenta está en el plan predeterminado de 10 GB. Estos datos, junto con el indicador de uso (ver más abajo), te permiten determinar si estás excediendo tu ancho de banda o acercándote a hacerlo. Si esperabas ver más ancho de banda, quizás porque actualizaste tu plan, y no se refleja aquí, es probable que haya un problema de facturación.

Podemos ver en "bandwidth":"17706999", que sólo se han utilizado 1,7 GB de los 10 GB de este miembro. Por lo tanto, no hay problemas de límite de ancho de banda.

Condición 2

Debe definirse el ID del sitio o de la red.

Podemos ver en "site_id": "1311932", que un ID de sitio está presente. Si el estado aquí fuera "site_id":false, que impediría el funcionamiento de la CDN. Una vez que se ha añadido el ID del sitio, no hay razón para que vuelva a ser falso, aunque se desactive la CDN. Un estado de ID falso indicaría un problema de cron API. El servicio de asistencia puede verificar que se ha creado una zona para el usuario y que funciona correctamente.

Condición 3

La CDN debe estar activada.

Podemos ver en "cdn_enabled":true, que la CDN está habilitada para este usuario. Por lo tanto, "cdn_enabled":false, indicaría que el CDN ha sido desactivado para este usuario. Si este estado es cierto, y por ejemplo, sus imágenes no están siendo servidas desde Smush, usted sabe que el problema más probable dentro de Smush, porque el CDN es todo bueno.

4.7.2 Migración de emplazamientos

Las cosas a menudo se atascan en la caché cuando se migra el sitio de un host a otro.

Después de migrar un sitio web con la CDN de BROUAVO activa en Smush Pro y/o Hummingbird Pro, deshabilite las funciones de CDN, borre TODAS las cachés del sitio y vuelva a habilitar las CDN.

4.7.3 Sustitución de imágenes

Si reemplaza un archivo de imagen en su sitio con el mismo nombre que uno que ya ha sido almacenado en caché por la CDN, la versión antigua almacenada en caché seguirá siendo servida.

Por lo tanto, si necesita reemplazar una o más imágenes que ya han sido almacenadas en caché por la CDN, deberá asegurarse de subirlas con nombres de archivo diferentes de los originales.

De esta forma, las nuevas imágenes se almacenarán en caché y serán entregadas por la CDN en lugar de las antiguas.

4.8 Obtener ayuda

Si después de leer este documento sigue teniendo preguntas o necesita ayuda, no dude en ponerse en contacto con nuestros superhéroes del servicio de asistencia utilizando las opciones disponibles en el apartado Pestaña Soporte en tu Hub o a través del Pestaña de asistencia en el panel de control de BROUAVO.