WordPress CDN: una guía definitiva para aumentar su visibilidad global

A lo largo de los años, las velocidades de carga cada vez más rápidas se han convertido en una prioridad para los sitios web. Pero viene de la mano de un contenido más rico y funcionalidades que deben mantenerse al día con una demanda cada vez mayor de interactividad del usuario. Por lo tanto, a muchos propietarios de sitios web les resulta difícil entregar su contenido a una velocidad más rápida a los usuarios finales de todo el mundo.

A la luz de esto, muchos sitios web han comenzado a utilizar WordPress CDN (Content Delivery Network). Esta tecnología ayuda a entregar el contenido del sitio web más rápidamente a todos los usuarios, sin importar dónde se encuentren. En esta práctica guía, aprenderá qué es un CDN, por qué es importante para WordPress y cómo usar WordPress CDN.

1. ¿Qué es una CDN (red de distribución de contenido)?

Como su nombre lo indica, una CDN tiene algo que ver con la entrega de contenido. Pero, ¿qué contenido y cómo? Bueno, ofrece el contenido estático, de transmisión y dinámico de su sitio de WordPress, incluidos los archivos multimedia, CSS y JavaScript.

La otra parte, es decir, la red, es la esencia de este sistema de entrega. El contenido que comentamos anteriormente está alojado en esta red de servidores repartidos por todo el mundo, y cuando el usuario envía una solicitud desde su navegador, es manejada por el servidor más cercano para evitar latencia.

Hecho: 1 segundo de retraso en el tiempo de carga de la página puede causar una pérdida del 7% en la conversión, un 11% menos de visitas a la página y una disminución del 16% en la satisfacción del cliente.

Supongamos que ha lanzado un servidor en el alojamiento administrado de Cloudways WordPress y eligió el centro de datos en Londres, Reino Unido. Aquí es donde su sitio de WordPress está alojado físicamente y todas las solicitudes se manejan desde aquí. Su sitio será ultrarrápido para los usuarios de Europa, pero puede cargarse un poco más lento para los usuarios de Tokio o Manila. Eso es porque Londres está más lejos de Tokio que París.

El mejor CDN para WordPress reduciría esta distancia entregando contenido al usuario desde el servidor más cercano. Para reducir la distancia entre el usuario y el contenido web, la CDN mantiene una copia en caché del contenido en varios servidores ubicados en todo el mundo.

2. ¿Quién necesita WordPress CDN?

Casi todos los sitios de WordPress necesitan un CDN, y la cantidad de sitios que usan CDN está aumentando exponencialmente. Las empresas que operan en múltiples ubicaciones geográficas confían en estos servicios CDN por las mismas razones que se discutieron anteriormente en este artículo. Sin embargo, si está ejecutando un sitio que solo se dirige a usuarios de la misma ubicación que su alojamiento web, entonces usar un CDN no es ideal. De hecho, puede causar una mala experiencia de usuario, ya que los usuarios pueden sufrir retrasos debido a la interferencia innecesaria de conexiones adicionales entre el usuario y el alojamiento.

Veamos qué tipo de empresas utilizan CDN para WordPress para acelerar sus sitios de WordPress.

• Comercio electrónico
• Blogs
• Agencias de publicidad
• Medios de comunicación y entretenimiento
• Sitios de transmisión
• Sitios de juegos online
• Educación en línea
• Cuidado de la salud

3. ¿Por qué es importante CDN para WordPress?

Con el tiempo, Content Delivery Network (CDN) ha mejorado mucho. Tener un CDN de WordPress en el sitio de WordPress tiene muchas ventajas que no se pueden ignorar. ¡Veámoslos en detalle!

• Tiempos de carga más rápidos : reduce los tiempos de carga de la página, con contenido fácilmente disponible desde la red de servidores CDN.
• Manejo de alto tráfico : dado que el contenido proviene de múltiples fuentes, un sitio que usa un CDN para WordPress apenas enfrenta tiempo de inactividad o bajo rendimiento, incluso cuando experimenta un mayor volumen de tráfico.
• Ahorra ancho de banda : una CDN también reduce el consumo de ancho de banda, ya que limita el flujo directo de solicitudes de los usuarios al alojamiento web al entregar el contenido en sí.
• Seguridad : la red CDN está dispersa y es capaz de resistir ataques DDoS de bajos a leves. Algunos proveedores de CDN también tienen un mecanismo activo instalado para identificar estos ataques, spammers y bots. Agrega una capa adicional de seguridad, especialmente para aquellos sitios de WordPress donde los clientes pagan con la información de su tarjeta de crédito.
• Mejor ranking SEO : No es ningún secreto que Google clasifica los sitios más rápidos en un lugar más alto. Es difícil determinar cuánto puede afectar la velocidad al ranking SEO, pero es obvio que afecta negativamente a la experiencia del usuario, lo que Google desalienta.
• Experiencia de usuario mejorada : WordPress CDN en el sitio de WordPress no solo mejora la experiencia del usuario en el escritorio sino también en los dispositivos móviles al cargar las páginas web más rápido. Actualmente, un gran número de personas utiliza sus teléfonos móviles para navegar por Internet. Google también ha iniciado una iniciativa de búsqueda optimizada para dispositivos móviles, lo que significa que los sitios optimizados para dispositivos móviles tendrán una ventaja en los resultados de búsqueda.

Hecho: Los ingresos aumentaron en un 1% por cada 100 ms de disminución en los tiempos de carga de la página.

Prueba de velocidad de WordPress CDN

Veamos un CDN en acción probándolo en un sitio de WordPress alojado en Cloudways. Nuestro servidor se encuentra en Fremont, EE. UU. Probamos la velocidad desde múltiples ubicaciones antes y después de integrar CloudwaysCDN .

San José, California, EE. UU.

Antes

Después

Nueva York, Nueva York, EE. UU.

Antes

Después

Estocolmo, Suiza

Antes

Después

Melbourne, Australia

Antes

Después

Los resultados de estas pruebas muestran que sin una CDN, la velocidad es más lenta en las regiones más alejadas de la ubicación real del servidor. Pero después de integrar CDN en el sitio de WordPress, mostró mejoras en la velocidad de carga.

4. Principales proveedores de CDN de WordPress

Los proveedores de CDN de WordPress están disponibles en todos los rangos de presupuesto. Además de esto, muchos proveedores de CDN ofrecen una cuenta de prueba.

Para ayudar a los usuarios de Cloudways, he compilado la siguiente lista de proveedores de CDN que se pueden integrar fácilmente con los servidores administrados de Cloudways.

Nota: StackPath (también conocido como CloudwaysCDN) se puede integrar fácilmente dentro de la plataforma.

CloudwaysCDN (StackPath)

CloudwaysCDN funciona con StackPath, uno de los mejores proveedores de CDN para WordPress con una gran red de servidores global.

Las funciones populares incluyen protección contra ataques DDoS y funciones de bloqueo con equilibrio de carga. Todos los planes también ofrecen protección de firewall que también contribuye a mejorar el tiempo de carga de la página de su sitio web.

Los usuarios de Cloudways también pueden usar esta opción de CDN con ' Breeze ', el complemento de almacenamiento en caché predeterminado.

Precio: $ 1 por 25GB

KeyCDN

KeyCDN ofrece varias funciones útiles que optimizan la entrega de contenido en varias ubicaciones de todo el mundo. KeyCDN es una opción popular de WordPress CDN con reputación de velocidad y soporte al cliente 24 horas al día, 7 días a la semana.

KeyCDN también ofrece protección DDoS, certificados SSL personalizados y gratuitos, compatibilidad con HTTP / 2 y API RESTful para integraciones de terceros.

Precios: el modelo de precios es de pago por uso, a partir de $ 0.04 / GB, con una factura anual mínima de $ 40.

Cloudflare

Cloudflare es uno de los CDN más populares para WordPress principalmente porque es fácil de configurar y tiene una enorme red de servidores global.

Cloudflare también ofrece CDN gratuito para sitios de WordPress con seguridad limitada contra ataques DDoS y otras vulnerabilidades. Otras características incluyen equilibrio de carga, optimización web, administración de DNS y certificados SSL.

Precio: el plan Pro comienza desde $ 20 / mes.

CloudFront

CloudFront de Amazon es un CDN rápido y seguro para WordPress que ofrece seguridad estándar de la industria contra DDoS y amenazas similares. Se puede integrar fácilmente mediante la consola de administración de Amazon, la CLI y los SDK.

Precios: a pedido

Incapsula

Incapsula es otro CDN popular para WordPress con servidores ubicados en todo el mundo. Se puede integrar fácilmente con WordPress y es compatible con todos los complementos de almacenamiento en caché populares.

Incapsula ofrece características como certificados SSL, soporte 24/7, protección DDoS, firewall, análisis de ataques, inteligencia de amenazas y protección de datos.

Precio: desde $ 59 / mes

CDN77

CDN77 es uno de los CDN más rápidos para sitios web de WordPress. Las características destacadas incluyen certificados SSL / TLS, protección DDoS, protección de hotlink y firewall web.

CDN77 también ofrece herramientas analíticas para rastrear el tráfico y el uso del ancho de banda, y registros de CDN que contienen información útil e informes de fallas.

Precio: desde $ 199 / mes

Al seleccionar el CDN adecuado para su negocio, asegúrese de considerar el costo y los servicios junto con el rendimiento.

5. Evaluación comparativa de CDN de WordPress

Hay muchos proveedores de CDN de WordPress para elegir, pero es un desafío determinar cuál ofrecerá el mejor rendimiento en escenarios del mundo real.

La única forma de resolver este problema era comparar esas CDN y, para ello, seleccionamos tres proveedores de CDN populares ampliamente utilizados:

1. CloudwaysCDN ( asociado con StackPath anteriormente conocido como MaxCDN)
2. Cloudflare
3. KeyCDN

El proceso de evaluación comparativa de CDN

Lancé el servidor predeterminado de WordPress en Cloudways DigitalOcean de 1 GB de RAM , 25 GB de SSD y 1 CPU de núcleo .

Para la prueba de evaluación comparativa, la herramienta que utilizamos es una CLI de referencia de CDN de código abierto de Node.js. Para comprender qué tan rápido entrega contenido un CDN de WordPress, necesitará suficientes entradas de datos en el transcurso de unas pocas horas.

En nuestra evaluación comparativa de CDN, descargamos tres archivos de imagen de nuestro sitio de WordPress alojado en Cloudways ( pequeño: 78,6 KB, mediano: 747 KB, grande: 1,28 MB), durante 3,5 horas con intervalos de 5 minutos. Estos archivos se toman de un sitio de WordPress alojado en Cloudways.

Los resultados de la evaluación comparativa de CDN

Después de la prueba de evaluación comparativa, compilamos los datos finales en una representación gráfica para facilitar la comparación. Los datos se generaron después de ejecutar la prueba durante 3,5 horas seguidas. La prueba le da una pista de qué CDN funciona mejor en qué tamaño de archivo.

Imagen pequeña

Cloudflare se inició normalmente, pero no pudo mantener el mismo ritmo al descargar la imagen de tamaño pequeño. En los primeros 40 minutos de la prueba, llegó a 22 milisegundos, mientras que CloudwaysCDN y KeyCDN estaban rectas sobre el eje horizontal mostrando una velocidad constante de aproximadamente 2-3 milisegundos. Hay un pico de los minutos 75 a 85 en KeyCDN, donde llegó a alcanzar los 9 ms.

El CloudwaysCDN fue bastante fluido durante toda la prueba. Comenzó y terminó la prueba con la máxima velocidad de descarga sin sorpresas.

Imagen mediana

Las cosas no mejoraron para CloudFlare al descargar también una imagen de tamaño mediano. Tuvo picos enormes de 20 a 40 minutos de aproximadamente 128 ms. Otro pico más pequeño de los minutos 75 a 85. Por otro lado, CloudwaysCDN mantuvo su primera posición en la comparación con KeyCDN , que mostró cierta perturbación hacia el final de la prueba como se ve en el gráfico anterior.

Imagen grande

Al descargar la imagen grande (1,28 MB), la velocidad de descarga de Cloudflare fue de aproximadamente 40 ms, mientras que sus contrapartes tuvieron un comienzo relativamente bueno. KeyCDN se mantuvo casi estable durante toda la prueba, excepto por algunos golpes al principio y hacia el final de la prueba. CloudwaysCDN volvió a hacer un trabajo increíble al mantenerse lo más cerca posible del eje X mostrando la velocidad de descarga rápida y constante durante toda la prueba.

También calculamos la velocidad de descarga promedio de cada CDN en tres tamaños de imagen.

Puntuación media

Los resultados del gráfico anterior son bastante sencillos. CloudwaysCDN tuvo la velocidad de descarga más alta en las tres categorías de archivos. KeyCDN quedó en segundo lugar con una puntuación media. Cloudflare obtuvo la tercera posición con la puntuación más baja debido a enormes picos en las etapas iniciales de las tres pruebas. Funcionó bastante bien en medio y al final de las pruebas.

6. ¿Cómo usar CDN en WordPress?

6a. Agregar CloudwaysCDN a WordPress

Los clientes de Cloudways pueden activar e integrar CloudwaysCDN con WordPress con un solo clic. Aquí hay algunos pasos involucrados en el proceso: inicie sesión en la cuenta de Cloudways, navegue hasta Aplicaciones y luego acceda a las aplicaciones de WordPress donde desea instalar CloudwaysCDN.

Desde el panel izquierdo, navegue hasta la pestaña CloudwaysCDN y luego ingrese la URL de su sitio de WordPress. Haga clic en el botón CREAR .

Habilitará CloudwaysCDN para esta aplicación y le proporcionará algunos detalles como URL de CDN, uso de ancho de banda y purga de caché. También tiene la opción de eliminar CloudwaysCDN.

Para integrarlo en un sitio de WordPress, simplemente haga clic en el botón Aplicar .

PD: El clic único se aplica solo para Breeze, un complemento de caché de WordPress gratuito de Cloudways. Si está utilizando cualquier otro complemento de almacenamiento en caché, obtenga la URL de la CDN de la pestaña CloudwaysCDN y configure la CDN en consecuencia.

Inicie sesión en el panel de administración de su sitio de WordPress y luego haga clic en Breeze en Configuración :

Vaya a la pestaña CDN del complemento Breeze Cache y aquí verá que la opción Activar CDN está marcada como marcada y la URL de CDN está configurada en el campo CDN CNAME .

Ahora es el momento de verificar que la CDN esté integrada. Abra su sitio, presione CTRL + U y busque StackPath . Obtendrá algunos resultados, lo que significa que CDN se ha integrado correctamente.

¿Parece que el sitio no funciona?

¡No hay problema! Cloudways utiliza Varnish para optimizar los sitios de WordPress. Asegúrese de purgar todo el caché y luego vuelva a visitar el sitio. ¡Hurra! Ha integrado CloudwaysCDN con solo unos pocos clics.

¿Quiere saber más sobre CloudwaysCDN? Echa un vistazo aquí .

6b. Agregar CloudFront a WordPress

CloudFront de Amazon es quizás el CDN más popular para sitios web de WordPress. Una vez conectado, CloudFront sirve el contenido de un sitio de WordPress directamente desde sus servidores en lugar de solicitar el servidor de alojamiento. Esto reduce la cantidad de solicitudes que sobrecarga al servidor de alojamiento.

Obtenga la URL de CDN mediante la creación de distribución web en CloudFront CDN

Supongo que ya tiene una cuenta en Amazon Web Services (AWS). De lo contrario, regístrese y navegue hasta la consola de CloudFront . Luego, haga clic en Comenzar en la sección Web .

Lo llevará a las opciones de página completa donde puede elegir entre varias opciones. Para simplificarlo, usaré la configuración predeterminada establecida por el propio CloudFront.

• Nombre de dominio de origen: la URL de mi sitio web (wpcommunity.org)
• Ruta de origen: ingrese la ruta específica para los activos, si tiene alguna. (Lo dejé en blanco.)
• ID de origen: ingrese una descripción simple de lo que trata este servicio.

Todas las demás configuraciones quedan intactas. Si desea configurar más, aquí está la guía completa que describe cuáles son todas esas opciones. Desplácese hacia abajo y haga clic en Crear distribución .

La implementación tardará unos minutos, según el contenido de su sitio. Una vez que se complete el proceso, lo llevará a la pantalla desde donde encontrará el Nombre de dominio (URL de CloudFront).

Copie la URL en Nombre de dominio y navegue hasta la pestaña CDN de Breeze y péguela en el campo de texto URL de la raíz CDN .

• Activar CDN : márquelo si desea activar el CDN.
• URL raíz de CDN : la URL de la distribución creada. No olvide agregar HTTP / HTTPS a la URL.
• Contenido de CDN : los directorios del contenido que desea que le proporcione una CDN.
• Excluir contenido : si desea excluir algunas extensiones de archivo o directorios que no serán atendidos por la CDN, ingréselos aquí.
• Ruta relativa : siempre se recomienda habilitar la ruta relativa para mantener la estructura de archivos y carpetas.

¡Probemos!

Visite la URL de su sitio, vea el código fuente y busque CloudFront . Verá que todos los activos, como CSS, JS e imágenes, son proporcionados por CloudFront CDN.

6c. Agregar KeyCDN a WordPress

KeyCDN es uno de los principales proveedores de CDN de WordPress en el mercado. Le sugiero que pruebe sus servicios en su sitio web (durante el período de prueba gratuito) antes de optar por una cuenta completa.

En este artículo, demostraré cómo conectar KeyCDn con el complemento de caché Breeze para que todo el contenido se sirva a través de CDN.

Lo primero es lo primero, necesito registrarme para obtener una cuenta de KeyCDN completando los pocos detalles requeridos. En el primer campo, ingrese la URL del sitio web que desea conectar con KeyCDN y complete otros detalles, como el correo electrónico y las credenciales de usuario.

Después de hacer clic en el botón Crear cuenta , recibirá un correo electrónico de verificación. Una vez verificado, verá el panel de KeyCDN:

Obtenga la URL de CDN agregando una zona en KeyCDN

Mi sitio de WordPress se ha agregado a mi cuenta. Ahora, necesito agregar una Zona con respecto a la URL de mi sitio. Desde el panel izquierdo, navegue hasta la pestaña Zonas y se le pedirá que configure la zona.

• Nombre de zona: KeyCDN proporciona una URL especial con el formato predeterminado: http://xxx-yyy.kxcdn.com. Donde XXXX es el nombre que ingresó en el campo Nombre de zona. En mi ejemplo, será wp-yyy.kxcdn.com porque he ingresado wp.
• Estado de la zona : dado que mi sitio será de acceso público, agregaré el estado como Activo.
• Tipo de zona : hay dos tipos de zona, tirar o empujar. Además del tipo de zona, puede ver la casilla de verificación Mostrar funciones avanzadas. Expanda y configúrelo, ¡si tiene la suficiente confianza en lo que está haciendo! De lo contrario, déjelo como predeterminado.
• URL de origen : ingrese la URL del sitio web que desea conectar con esta Zona.

Después de configurar la zona, será redirigido a la pestaña Zona y allí verá una Zona recién creada como la imagen de abajo. El estado de mi zona está configurado actualmente como Implementando . Eso significa que está configurando y vinculando todo entre la Zona de KeyCDN y el sitio web.

El proceso puede tardar unos minutos. Una vez hecho esto, el estado cambiará a Activo . Puede purgar el caché yendo al botón Administrar como en la imagen de abajo.

Configurar KeyCDN con Breeze

De acuerdo, configuré KeyCDN, creé una Zona y obtuve la URL de la Zona.

Cópielo y navegue hasta la pestaña CDN en el complemento de caché de WordPress Breeze y péguelo en el campo URL raíz de CDN .

Prueba el sitio

En este punto, he configurado correctamente el KeyCDN y lo he conectado con el Breeze. Comprobemos si la CDN está sirviendo el sitio web. Para esto, visite su sitio web y vea la fuente de la página presionando CTRL + U (Chrome). Busque kxcdn y podrá ver que CSS, JS e imágenes se entregan a través de KeyCDN.

Breeze no se limita a ellos, cualquier CDN basada en activos se puede configurar fácilmente con Breeze. Solo tiene que obtener la URL de WordPress CDN y pegarla en la pestaña Breeze CDN. ¡Eso es todo!

¡Terminando!

Vimos cómo la velocidad juega un papel importante en la conversión general, así como en la clasificación SEO de su sitio. Invertir en un buen CDN de WordPress no es una mala idea después de todo. Los usuarios de Cloudways pueden integrar fácilmente CloudwaysCDN desde su panel de control y se les cobra un económico $ 1 por 25 GB por aplicación. El consumo adicional cuesta $ 0.04 por GB únicamente.