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 What is a 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 check our blog.

4.2 How to Activate the BROUAVO CDN

The BROUAVO CDN can be configured to deliver images and static assets, such as JS and CSS files. The settings for the image CDN are located in the Smush Pro plugin and the web object settings are in Hummingbird Pro.

IMPORTANTE

If you choose to use a third-party CDN, such as Cloudflare, ensure the content they serve does not overlap with the content being served from the BROUAVO CDN or the site’s primary server. Multiple CDNs attempting to serve the same content is guaranteed to cause issues.

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 Ultimate Guide to Image Optimization.

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 Smush, focuses on Smush features that directly impact your Google Page Speed score.

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.

To verify your files are being served from the Hummingbird CDN, in Chrome or Firefox, right-click on the page and click View Page Source. Use Cmnd+f or ctrl+f to search the source code for hb.brouavocdn.com.

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

4.2.3 BROUAVO Hosting

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. Follow the steps above.

4.3 Bandwidth, Tracking & Upgrades

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.

This chart is an estimate of the share of bandwidth consumed per site. It is based only on the top 50 files across all your sites, each day, for the current calendar month.

4.3.1 Hummingbird Pro Bandwidth

Hummingbird Pro includes unlimited BROUAVO bandwidth for CSS and JS files. There are no overages, upgrades or need to track usage.

4.3.2 Smush Pro CDN Bandwidth

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 increasing your available bandwidth.

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 from the drop-down menu.

Entonces, bajo el Complementos pulse el botón Gestione link in the Smush CDN row.

That will pop open a modal window where you can select the bandwidth upgrade package that best suits your growing needs.

Available Smush CDN Upgrade Plans:

• 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 Tech Specs

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

Members who choose to use third-party CDNs must ensure that the content they serve does not overlap with content being served from another CDN or the site’s primary server. For example, the Smush CDN serves only images, while the Hummingbird CDN serves virtually any content except images, so they work well together. Multiple CDNs attempting to serve the same content is guaranteed to cause issues.

4.7 Smush CDN Troubleshooting

Los diputados pueden contactar con el servicio de asistencia for assistance resolving any issues with the Smush CDN. However, there are some troubleshooting tasks users can try for themselves.

4.7.1 API status query

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

Locating your API key

Your BROUAVO API key can be found in a couple of places. You’ll find it under the Settings Tab of the BROUAVO Dashboard on any site connected to your 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

Insert the API and the domain in question into the link and then insert the link into your browser. It will return a status report in your browser similar to the one in the image below.

For the Smush CDN to work properly, certain conditions should be met, and the status report includes status indicators for each condition.

{
"é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"
}
}

Condition 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 Support tab in your BROUAVO Dashboard.

Guy

Ver biografía completa