Uno de los elementos imprescindibles cuando se trata de la velocidad de tu sitio web es una red de distribución de contenidos (CDN). Una CDN alivia la carga de tu servidor web y acelera la entrega de contenidos a todos los visitantes del sitio. Como resultado, ¡todo, desde la experiencia del usuario hasta el potencial de los motores de búsqueda, mejora! Una excelente forma de empezar a descubrir el tema es activar una CDN de WordPress.

En este artículo, te explicaremos las formas más sencillas de añadir una CDN a tu sitio de WordPress.

Pero antes de eso, esbozaremos la definición básica de una CDN, por qué deberías utilizar una, y algunas ventajas adicionales que puedes esperar. También compartiremos algunas pruebas de velocidad para que puedas juzgar mejor el aumento de rendimiento que puedes esperar en tu sitio.

¿Qué es una CDN de WordPress?

CDN es la abreviatura de Content Delivery Network. Se trata de una red de servidores (también conocidos como POP) situados en todo el mundo. Están diseñadas para alojar y entregar copias del contenido estático (y a veces dinámico) de tu sitio de WordPress, como imágenes, CSS, JavaScript y secuencias de vídeo.

Cómo Funciona una CDN

En primer lugar, no debes confundir una CDN con tu empresa de alojamiento de WordPress. Son servicios totalmente diferentes. Una CDN no sustituye a tu proveedor de alojamiento, sino que es una forma adicional de aumentar la velocidad de tu sitio. Aunque nuestro alojamiento en Kinsta es rapidísimo, una CDN puede hacer que tu sitio sea aún más rápido.

¿Cómo funciona exactamente una CDN? Por ejemplo, cuando alojas tu sitio web con Kinsta, debes elegir una ubicación en un centro de datos físico, como EE.UU. Central, Europa, Sudamérica o Asia. Digamos que usted elige US Central.

Esto significa que tu sitio web se encuentra físicamente en un «servidor de alojamiento» en Council Bluffs, Iowa. Cuando la gente de Europa visite tu sitio web, tardará más en cargarse que alguien que lo visite desde, por ejemplo, Dallas, TX. ¿Por qué? Porque los datos tienen que recorrer una distancia mayor.

Esto es lo que se conoce como latencia. La latencia se refiere al tiempo y/o al retraso que supone la transmisión de datos a través de una red. Cuanto mayor sea la distancia, mayor será la latencia.

Y ahí es donde entra en juego una CDN. Ayuda a reducir esa latencia cargando el contenido de tu sitio desde servidores más cercanos. Estos servidores CDN se denominan a veces POP (puntos de presencia).

Una CDN reduce la latencia, por lo que los contenidos llegan más rápido a los usuarios finales
Una CDN reduce la latencia, por lo que el contenido llega más rápido a los usuarios finales

Los usuarios de WordPress a veces son reacios a investigar las redes de distribución de contenidos porque parecen demasiado complicadas. Pero la funcionalidad de una CDN es relativamente sencilla. Así es como funcionan y pueden implementarse en tres sencillos pasos:

Paso 1

Te registras en un proveedor de alojamiento con una CDN gratuita (como Kinsta CDN) o seleccionas un proveedor de CDN independiente y te suscribes a su servicio. Los proveedores de CDN de terceros suelen ofrecer planes gratuitos y premium en función del uso de datos.

Paso 2

Activa la CDN en tu sitio web. En el caso de la CDN de Kinsta, eso se hace con el clic de un botón en el panel de control de MyKinsta. Instala un plugin gratuito como CDN Enabler o WP Rocket para integrar una CDN de terceros.

Estos plugins vinculan automáticamente tus activos a la CDN. No es necesario ningún trabajo por tu parte para que tu contenido esté en la CDN; ¡todo es sin intervención! Desplegar una CDN es mucho más fácil de lo que solía ser.

Paso 3

Cuando la gente visita tu sitio web, carga el contenido de tu sitio de WordPress desde diferentes servidores de todo el mundo. Los visitantes de Europa reciben el contenido de tu sitio desde un servidor en Europa, mientras que los visitantes de Estados Unidos obtienen el mismo contenido desde un servidor más cercano a ellos en Estados Unidos.

¿Cómo lo Consiguen las CDNs?

Las CDNs suelen utilizar dos tecnologías para dirigir a los usuarios a la ubicación correcta: IP Anycast + enrutamiento por geolocalización. Pueden detectar automáticamente de dónde proceden las solicitudes de los usuarios y dirigirlas al servidor más cercano.

Sin embargo, la elección de una ubicación estratégica del servidor para tu alojamiento de WordPress sigue siendo vital. Porque aunque una CDN te ayude a distribuir tus medios y contenidos, todavía hay que hacer una única petición al proveedor de alojamiento cuando se carga tu sitio web, a no ser que utilices el almacenamiento en caché de la página completa en un servidor proxy, sobre el que hablaremos más adelante.

Kinsta tiene ahora 37 ubicaciones de centros de datos desde los que puedes alojar tu sitio de WordPress.

Beneficios de la CDN

Estas son las muchas ventajas de utilizar una CDN en tu sitio de WordPress.

1. Aumento del Rendimiento

El aumento del rendimiento es una de las mayores razones para utilizar una CDN. Se ha demostrado repetidamente que un sitio que se carga más rápido se correlaciona con mayores tasas de conversión, menores tasas de rebote y una mayor duración media de los visitantes, por no mencionar una mejor experiencia de usuario en general.

¿Cuándo fue la última vez que hiciste clic en tu navegador porque el sitio web tardaba demasiado en cargarse? Esto es lo último que los propietarios de los sitios quieren que ocurra. Pero no te fíes de nuestra palabra. Aquí tienes algunas estadísticas de los líderes del sector sobre la importancia del rendimiento del sitio:

  • Un retraso de 1 segundo en la respuesta de la página puede suponer una reducción del 7% en las conversiones. (Fuente: Kissmetrics)
  • La BBC ha visto que el 10% de los usuarios abandonan su sitio por cada segundo extra que tarda en cargarse. (Fuente: Creative Bloq)
  • Los índices de conversión disminuyen hasta un 20% con cada segundo de retraso en el tiempo de carga. (Fuente: ThinkWithGoogle)
  • Pinterest aumentó las inscripciones en un 15% después de reducir los tiempos de carga de su página en casi un 40%. (Fuente: Pinterest Engineering en Medium)

He aquí algunas formas en que una CDN puede ayudar a mejorar el rendimiento de tu sitio de WordPress.

Reduce el TTFB

Ya hemos dicho que una CDN de WordPress puede ayudar a reducir la latencia acortando la distancia física que necesitan los datos para viajar. Pero también puede ayudar a reducir el tiempo hasta el primer byte (TTFB).

Esto mide el tiempo que el navegador espera antes de recibir su primer byte de datos del servidor. Cuanto más tarde en recibir esos datos, más tardará en mostrarse tu página.

Una CDN puede ayudar a reducir el TTFB
Una CDN puede ayudar a reducir el TTFB

Un error común es que el TTFB se calcula después de los tiempos de búsqueda del DNS. Sin embargo, el cálculo original del TTFB en las redes siempre incluye la latencia de la red. Esto implica un proceso de 3 pasos, por lo que los retrasos y la latencia pueden producirse en cualquier parte, añadiéndose a tu TTFB total.

Un TTFB elevado puede deberse a varias razones, como un código deficiente o una caché mal configurada en tu servidor anfitrión. Pero la distancia geográfica es un problema.

Realizamos dos pruebas para mostrar la diferencia de TTFB con y sin la CDN de Kinsta (impulsada por Cloudflare). Realizamos cada prueba 5 veces y luego tomamos la media.

Prueba 1: TTFB sin CDN

Primero ejecutamos una prueba de Pingdom con la CDN de Kinsta desactivada. Estos son los resultados:

  • El tiempo de carga total era de 1,45 s
  • El TTFB medio era de unos 136 ms
TTFB antes de añadir un CDN
TTFB antes de añadir un CDN

Prueba 2: TTFB con CDN

A continuación, activamos la CDN de Kinsta y volvimos a realizar la prueba:

  • Los tiempos de carga totales se redujeron a 788 ms
  • El TTFB medio mejoró a 37 ms

¡Qué diferencia puede suponer una CDN!

Otra cosa esencial a tener en cuenta es que elegimos la ubicación de Estocolmo para realizar esta prueba. ¿Por qué? Porque queríamos mostrarte la mejora real que se puede obtener disminuyendo la distancia física. Hay un CDN POP situado en Estocolmo, por lo que nuestro contenido se sirve desde Estocolmo.

TTFB después de añadir una CDN
TTFB después de añadir una CDN

Entrega Más Rápida con el Almacenamiento en Caché

Al igual que puedes utilizar la caché con tu alojamiento de WordPress o con un plugin, las CDN también utilizan la caché. Esa es una de las formas en que pueden entregar los archivos tan rápidamente.

Es importante: Una vez que una CDN obtiene una copia de tus archivos multimedia, normalmente tiene que ser solicitada una o dos veces por un visitante antes de que se almacene en la caché de la CDN. Una CDN coloca una cabecera HTTP en las solicitudes llamada «X-Cache» El archivo suele aparecer como MISS en la primera o segunda petición, lo que significa que aún no se ha almacenado en la caché.

CDN no cacheada (MISS)
CDN no cacheada (MISS)

En las siguientes peticiones, aparece como un HIT, que ahora se almacena en la caché de tu CDN. Permanecerá en la caché en función de varios factores, como las cabeceras ETag, las cabeceras de caducidad o la purga manual de la caché de tu CDN.

CDN en caché (HIT)
CDN en caché (HIT)

Utilizando una CDN como Kinsta CDN (Powered by Cloudflare), puedes llevar el almacenamiento en caché al siguiente nivel utilizando lo que se conoce como caché de página completa, proxy inverso. Esto implica almacenar en caché todo en una URL primaria en lugar de un dominio secundario.

Enorme Ahorro con la Compresión GZIP

Las CDN de WordPress también utilizan GZIP, un formato de archivo y una aplicación de software utilizados para la compresión y descompresión de archivos. La compresión GZIP se activa en el lado del servidor (o en el servidor CDN/POP) y reduce aún más el tamaño de tus archivos HTML, hojas de estilo y JavaScript.

No funcionará con las imágenes, ya que éstas están comprimidas de forma diferente. Algunos han visto reducciones de hasta el 70% debido a la compresión. Es una de las optimizaciones más sencillas que se pueden hacer. Y no te preocupes, todos los CDNs de buena reputación tienen esta opción activada por defecto.

HTTP/2

HTTP/2 es también una de las principales características que todas las CDN utilizan para acelerar la entrega de activos. La mejora del rendimiento se debe a varias razones, como que el protocolo es capaz de soportar una mejor multiplexación, el paralelismo, la compresión HPACK con programación Huffman, la extensión ALPN y el envío del servidor.

2. Menores Costes de Ancho de Banda

Otra ventaja de una CDN es que puede ayudar a descargar la CPU y los recursos de tu servidor de alojamiento (servidor de origen). Esto ayuda:

  • Evita que los picos de tráfico abrumen a tu host
  • Reduce tus costes totales de ancho de banda
  • Elimina las fluctuaciones en las tarifas de ancho de banda debidas a la volatilidad del tráfico

Lo último que quieres es que algo se convierta en viral, y te quedes con una factura de alto coste de tu proveedor de alojamiento o con un cargo por exceso de uso.

Otra forma en que una CDN ayuda a reducir los costes es proporcionando formas sencillas de activar la protección de los enlaces directos. Esto se refiere a restringir las referencias HTTP y evitar que otros incrusten tus activos (imágenes – tenemos un tutorial sobre cómo proteger tus imágenes) en otros sitios web.

Algunos habréis oído hablar del fiasco del Huffington Post. Un autor del Huffington Post copió y pegó imágenes del sitio web Oatmeal’s lo que generó una factura de 1.000 dólares de AWS que se envió al propietario del sitio de Oatmeal’s. El propietario de The Oatmeal acabó sustituyendo las imágenes para que los lectores del artículo del Huffington Post pudieran verlas.

Protección de enlaces calientes
Protección de enlaces calientes

Por eso siempre es esencial activar la protección de los enlaces calientes. De lo contrario, podrías acabar con una factura escandalosa.

3. Alta Disponibilidad y Escalabilidad

Las CDN ofrecen alta disponibilidad y escalabilidad. Como el contenido replicado es accesible a través de múltiples POPs en diferentes ubicaciones geográficas, el tráfico web se dirige dinámicamente a otro servidor si uno se cae. Y no hay que preocuparse por la escalabilidad porque los proveedores de CDN están construidos pensando en ello. Una CDN puede evitar que tu sitio web se caiga si utilizas un host compartido más pequeño, ya que maneja la mayor parte de la carga.

4. Ventajas SEO

Google convirtió la velocidad del sitio en un factor de clasificación en 2010, por lo que no es ningún secreto que un sitio web más rápido podría dar lugar a un mejor posicionamiento. Aunque no hay forma de saber qué peso tiene la velocidad, puedes asumir con seguridad que es uno de los factores más críticos, ya que afecta a la experiencia del usuario.

Brian Dean analizó el primer millón de dominios para ver la relación entre la velocidad del sitio y las clasificaciones de Google y encontró una correlación positiva. Aunque estas pruebas son casi imposibles de demostrar, puedes estar seguro de que tener un sitio web más rápido sólo te ayudará en Google. En pocas palabras, Google premia a los sitios rápidos.

Velocidad del sitio - Clasificaciones en Google
Velocidad del sitio – Clasificaciones en Google

Además de la velocidad de las páginas de tu sitio web, una CDN ayuda a aumentar la tasa de rastreo de tus medios, como las imágenes, lo que se correlaciona con la indexación en la búsqueda de imágenes de Google.

5. Seguridad Adicional

Muchas CDN proporcionan seguridad adicional al permitirte implementar cortafuegos de aplicaciones web (WAF) y lo que algunos llaman escudos de origen. Estos pueden ayudar:

  • Mitiga los ataques DDoS de todas las formas y tamaños, incluidos los que tienen como objetivo los protocolos UDP e ICMP
  • Bloquea los ataques SYN/ACK, de amplificación del DNS y de la capa 7
  • Poner tu sitio detrás de un proxy, que oculta tu dirección IP de origen, aunque no es a prueba de balas

Consulta nuestro caso práctico sobre cómo detener un ataque DDoS. Tuvimos un cliente con un pequeño sitio de comercio electrónico que ejecutaba Easy Digital Downloads, que recibió más de 5 millones de peticiones a una sola página en 7 días.

El sitio normalmente sólo generaba entre 30-40 MB al día de ancho de banda y un par de cientos de visitantes al día. Pero el sitio pasó instantáneamente a tener entre 15 y 19 GB de transferencia de datos al día, ¡de la nada! Eso es un aumento del 4650%. Y Google Analytics no mostró ningún tráfico adicional. Eso no es bueno.

ataque DDoS
ataque DDoS

El cliente implementó el cortafuegos de aplicaciones web de Sucuri en su sitio, y todo el ancho de banda y las peticiones cayeron instantáneamente en el sitio (como se ve a continuación), y no ha habido ni un solo problema desde entonces. Así que es una buena inversión y un ahorro de tiempo si te encuentras con problemas como estos.

Las CDN también ofrecen funciones de seguridad adicionales, como los tokens seguros, que te permiten generar enlaces seguros con un tiempo de caducidad. Una vez caducado, los usuarios ya no pueden acceder a ese contenido.

Pruebas de Velocidad de la CDN: Con CDN vs. Sin CDN

En lugar de limitarnos a contarte las ventajas de una CDN para WordPress, vamos a hacer algunas pruebas para mostrarte los resultados.

  • Realizamos 5 pruebas desde 4 ubicaciones de prueba diferentes con una CDN activada y luego sin una CDN.
  • El sitio está alojado en Kinsta y utiliza la CDN gratuita de Kinsta (impulsada por Cloudflare).
  • La ubicación física del servidor está en Iowa, Estados Unidos.

Importante: Cuando pruebes la velocidad de tu CDN, ejecútala varias veces para que los medios se almacenen en la caché. Como hemos descrito antes sobre el almacenamiento en caché de la CDN, la cabecera HTTP X-Cache mostrará un «HIT» una vez que se haya almacenado en caché. Si no se almacena en caché, mostrará un «MISS» Si no haces esto correctamente, puede parecer que la CDN no está ayudando a acelerar tu sitio cuando no has construido la caché primero.

Sin CDN (Dallas, Texas, EE.UU.)

Primero hicimos 5 pruebas de Pingdom utilizando un servidor de Dallas sin CDN. Luego tomamos la media.

Prueba sin CDN con un servidor de Dallas (fuente: Pingdom)
Prueba sin CDN con un servidor de Dallas (fuente: Pingdom)

Sin CDN (Melbourne, Australia)

A continuación, realizamos 5 pruebas de Pingdom con un servidor de Melbourne (Australia) sin CDN. También se tomó la media.

Prueba sin CDN utilizando un servidor en Australia (fuente: Pingdom)
Prueba sin CDN utilizando un servidor en Australia (fuente: Pingdom)

Sin CDN (San José, California, EE.UU.)

A continuación, realizamos 5 pruebas de Pingdom sin CDN desde San José, California, y tomamos la media.

Prueba sin CDN desde el servidor de San José (fuente: Pingdom)
Prueba sin CDN desde el servidor de San José (fuente: Pingdom)

Sin CDN (Estocolmo, Suecia)

Hicimos 5 pruebas de Pingdom sin CDN desde Estocolmo, Suecia, y tomamos la media.

Prueba sin CDN desde un servidor de Suecia (fuente: Pingdom)
Prueba sin CDN desde un servidor de Suecia (fuente: Pingdom)

Con CDN (Dallas, Texas, EE.UU.)

Para comparar, hicimos 5 pruebas de Pingdom con la CDN Kinsta activa desde un servidor de Dallas, Texas. La media se tomó después.

Prueba con la CDN Kinsta utilizando un servidor de Dallas (fuente: Pingdom)
Prueba con la CDN Kinsta utilizando un servidor de Dallas (fuente: Pingdom)

Con CDN (Melbourne, Australia)

A continuación, realizamos 5 pruebas de Pingdom con la CDN de Kinsta desde un servidor de Melbourne, Australia, y luego tomamos la media.

Prueba con CDN Australia (fuente: Pingdom)
Prueba con CDN Australia (fuente: Pingdom)

Con CDN (San José, California, EE.UU.)

También hicimos 5 pruebas de Pingdom con una CDN utilizando un servidor de San José, California, y tomamos la media.

Con prueba CDN con un servidor de San José (fuente: Pingdom)
Con prueba CDN con un servidor de San José (fuente: Pingdom)

Con CDN (Estocolmo, Suecia)

Realizamos 5 pruebas de Pingdom para un servidor de Estocolmo con una CDN activa. Luego se tomó la media.

Con prueba de CDN usando un servidor en Suecia (fuente: Pingdom)
Con prueba de CDN usando un servidor en Suecia (fuente: Pingdom)

Los Resultados

Veamos los resultados para entender cuánto afecta una CDN a los tiempos de carga totales.

Prueba de velocidad CDN
Prueba de velocidad CDN
  • Dallas, Texas, EE.UU.: Disminución del 8,11% del tiempo total de carga con una CDN.
  • San José, California, EE.UU.: Disminución del 33,02% en el tiempo de carga total con una CDN
  • Melbourne, Australia: Disminución del 54,19% del tiempo de carga total con una CDN.
  • Estocolmo (Suecia): Disminución del 54,7% del tiempo de carga total con una CDN.

La CDN produjo tiempos de carga de la página ligeramente más rápidos con los sitios de Dallas y San José. Pero si observas las pruebas de Australia, puedes ver una gran diferencia en los tiempos de carga. Esto se debe a la ubicación geográfica del servidor de prueba.

El servidor de prueba de Kinsta está en Iowa, por lo que los datos no tienen que viajar tanto al cargar sin una CDN desde Dallas y San José. Pero para Australia, es la distancia lo que destroza los tiempos de carga.

Cuando activamos la CDN, el contenido y los medios de comunicación se cargan desde un POP de la CDN de Kinsta en Sidney (Australia), lo que se traduce en tiempos de descarga mucho más rápidos. Lo mismo ocurre con Estocolmo (Suecia).

Ahora, ¿quieres disminuir tus tiempos de carga en más de un 50% en algunos casos? ¡La respuesta debería ser sí!

¿Necesitas una CDN?

Recibimos esta pregunta con frecuencia. Según nuestra experiencia, no debería ser una pregunta, ya que una CDN es beneficiosa en casi todos los casos, independientemente del tamaño y el tráfico de tu sitio.

Basta con ver todas las ventajas que hemos enumerado anteriormente. El precio ya no suele ser un factor, ya que la mayoría de los proveedores de CDN son muy baratos, o gratuitos como Kinsta CDN. Por no mencionar que las CDN ayudan a mejorar el SEO, la carga del sitio, la experiencia del usuario y mucho más

El único caso en el que te convendría hacer más pruebas es si sólo sirves contenido a los visitantes de una ubicación geográfica concreta.

Supongamos, por ejemplo, que tienes una pequeña tienda con un sitio web en Ontario, Canadá. Tal vez no te importen tanto los clientes ubicados en otros lugares. En este caso, querrás investigar dónde se encuentran los POP del proveedor de CDN.

Si el host de tu servidor web se encuentra en Ontario, pero contratas a un proveedor de CDN cuyo POP más cercano está en EEUU, podría ralentizar tu sitio. En este caso, que es muy raro, podría ser beneficioso no utilizar una CDN.

Proveedores Populares de CDN

Aunque hay muchos proveedores de CDN excelentes, Kinsta ofrece una CDN integrada en su alojamiento; está impulsada por Cloudflare, es rápida, fácil de activar y totalmente gratuita para los usuarios de Kinsta. Recomendamos aprovechar la integración gratuita de Cloudflare, pero entendemos que algunos propietarios de sitios requieren una CDN o un proxy externo por razones específicas.

En ese caso, te animamos a que explores otras CDNs importantes, todas ellas compatibles con el alojamiento de Kinsta (haz clic en los enlaces para ver la documentación de integración de Kinsta de cada una):

Cómo Instalar una CDN en WordPress

Cada proveedor de CDN tiene su método de integración, pero afortunadamente todos son compatibles con WordPress y facilitan la integración. Consulta su documentación o pregunta a su equipo de soporte si tienes problemas.

Kinsta CDN

Nos hemos asociado con Cloudflare, una red de entrega de contenidos con HTTP/2 e IPv6 con más de 200 ubicaciones, para turboalimentar tus activos y medios en todo el mundo. Las regiones en las que actualmente se presta servicio son América, Sudamérica, Europa, África, Asia y Australia.

Kinsta CDN
Kinsta CDN

Comprueba cómo activar la CDN de Kinsta. Es un proceso sencillo de un solo clic desde el panel de control de MyKinsta.

Activar la CDN de Kinsta
Activar la CDN de Kinsta

También tenemos analíticas increíbles del sitio para ver el uso del ancho de banda, los archivos más solicitados, los códigos de estado HTTP y mucho más.

En el panel de control de MyKinsta, puedes ver las analíticas a nivel de empresa (agregando datos de todos tus sitios) y a nivel de sitio específico.

Analíticas a Nivel de Empresa en MyKinsta.
Analíticas a Nivel de Empresa en MyKinsta.
Analíticas a Nivel de Sitio en MyKinsta.
Analíticas a Nivel de Sitio en MyKinsta.

Cloudflare

Si utilizas o estás interesado en Cloudflare para un sitio no alojado en Kinsta, tenemos un tutorial en profundidad sobre cómo instalar Cloudflare en tu sitio de WordPress.

Sin embargo, ten en cuenta que todos los usuarios de alojamiento de Kinsta reciben una CDN gratuita impulsada por Cloudflare, por lo que es más fácil optar por ese método en lugar de instalarlo como un componente independiente.

Como parte de nuestra integración con Cloudflare, Edge Caching guarda la caché de tu sitio/página de Kinsta en cualquiera de los 260+ centros de datos de la red global de Cloudflare.

Edge Caching se incluye de forma gratuita con todos los planes de Kinsta, no requiere un plugin adicional y reduce el tiempo necesario para servir el HTML de WordPress en caché en más de un 50% de media.

CDN de Otros Proveedores

Si estás pensando en instalar una CDN tú mismo, te recomendamos que utilices un subdominio para tus medios y activos en lugar de la URL aleatoria del proveedor.

Ejemplo: cdn.tudominio.com.

Esto garantizará una mejor imagen de marca para tu sitio, así como menos problemas de indexación.

Después de configurar tu CDN en el proveedor, puedes utilizar un plugin gratuito de WordPress para enlazar tus activos rápidamente y copiarlos automáticamente a tu proveedor de CDN. Consulta nuestra lista de plugins CDN para WordPress recomendados a continuación.

Principales Plugins y Extensiones de CDN

Los mejores plugins CDN

Estos plugins de CDN no activan automáticamente una CDN en tu sitio web de WordPress, sino que conectan un proveedor de CDN de terceros (como Cloudflare, Fastly o Sucuri) a tu sitio de WordPress, permitiendo que la CDN acceda a los activos del sitio y entregue ese contenido a los visitantes.

En general, los mejores plugins de CDN para WordPress te facilitan la conexión, proporcionando una solución de un solo clic en lugar de una integración complicada.

Estos son los mejores plugins de CDN para WordPress:

  • Cloudflare: Esta es la elección correcta si utilizas Cloudflare como tu proveedor de CDN, especialmente porque ofrece una instalación con un solo clic, una configuración de cortafuegos de aplicaciones web y una herramienta de optimización automática de la plataforma, que acelera los sitios de forma espectacular con más de 250 centros de datos rápidos y fiables. Como alternativa, puedes optar por Kinsta CDN, que ya cuenta con la tecnología de Cloudflare y no requiere el plugin adicional
  • Bunny.net: Bunny.net, a la vez proveedor de CDN y plugin de CDN para WordPress, ofrece una rápida integración para reemplazar enlaces y añadirlos a tu CDN. Obtendrá rápidas mejoras de rendimiento con la configuración automatizada de HTTPS, nombres de host de CDN personalizados y la posibilidad de excluir directorios específicos para que no se sirvan a través de su CDN.
  • LiteSpeed Cache:  Antes que nada, este es un plugin de caché. Pero también viene con una caché CDN gratuita de QUIC.cloud, o puedes enlazar con cualquier proveedor de CDN. Puedes mejorar el rendimiento de tu sitio con una amplia gama de funciones junto con la minificación, la optimización de imágenes y la carga lenta.
  • W3 Total Cache: Muchos plugins de caché también funcionan como plugins de CDN para WordPress, y W3 Total Cache no es diferente. Se integra con algunos de los proveedores de CDN más populares para aumentar al instante el rendimiento de tu sitio sin necesidad de complicadas configuraciones. Esto envía elementos como elementos multimedia y archivos temáticos a la CDN, a la vez que almacena en caché y comprime esos archivos antes de utilizarlos dentro de la CDN.
  • Habilitador de CDN Este plugin reescribe todas tus URLs para que los activos se sirvan desde tu CDN externa. Puedes enlazar con una cuenta de KeyCDN y aprovechar la purga de caché, las mejoras de rendimiento y mucho más.

Indexación de Imágenes con CDN

Quieres asegurarte de que Google sigue indexando tus imágenes cuando las trasladas a una CDN.

Para los usuarios del plugin Yoast SEO, deberás añadir el siguiente código al final de tu archivo functions.php. Sustituye el dominio y el dominio CDN por el tuyo propio.

function wpseo_cdn_filter( $uri ) {

return str_replace( 'http://yourdomain.com', 'http://cdn.yourdomain.com', $uri );

}

add_filter( 'wpseo_xml_sitemap_img_src', 'wpseo_cdn_filter' );

Si no lo haces, puede ocurrir que tus imágenes sean desindexadas (como se ve a continuación). Siempre puedes comprobarlo tú mismo en Google Search Console.

Las imágenes no se indexan
Las imágenes no se indexan

Sin embargo, Google Search Console tiene fallos y a veces no informa de las imágenes indexadas cuando aparecen en Google. Una forma excelente de comprobar si tus imágenes están indexadas es ir a la Búsqueda de imágenes de Google e introducir lo siguiente «site:https://yourdomain.com»

Búsqueda de imágenes de Google comprueba la indexación
Búsqueda de imágenes de Google comprueba la indexación

Importante: No pongas la URL de tu CDN. Aunque las imágenes se sirvan desde la CDN, deberían indexarse en tu dominio root.

Si tus imágenes aparecen en la Búsqueda de imágenes de Google, están indexadas sin problemas.

Resumen

Ahora puedes ver todos los fantásticos beneficios que puedes obtener al utilizar una CDN de WordPress. Te asegurará que tus medios se cargan más rápido en todo el mundo, reduce tu TTFB y disminuye drásticamente tus costes de ancho de banda y la carga del servidor.

No sólo eso, sino que puedes ver mejores clasificaciones debido a los tiempos de carga de la página más rápidos. Y lo más importante, tus visitantes tendrán una experiencia de usuario inmejorable.

Nuestra CDN Kinsta HTTP/2 alimenta todos nuestros planes de alojamiento. ¿Tienes alguna idea sobre el uso de una CDN? Nos encantaría escuchar tu opinión en la sección de comentarios.

Salman Ravoof

Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.