Cómo agregar CDN al sitio web de WordPress

Agregar un CDN a un sitio web de WordPress


Hoy en día, los sitios web se han vuelto más dinámicos y ricos en contenido, lo que puede aumentar el tiempo de carga inicial para visitantes de otras partes del mundo.

El tamaño promedio de página es más de 2 MB – esto es casi el doble que hace 3 años.

Pero como sabrán, los sitios más lentos son un gran NO en lo que respecta a la experiencia general del usuario, SEO y rankings de Google.

Según Google, el tiempo de carga ideal para un sitio promedio es menos de un segundo.

CDN implementado
Nuestro tiempo de carga promedio fue de ~ 700ms a ~ 200ms cuando cambiamos a Cloudflare DNS.

Los sitios más lentos contribuyen a una experiencia de usuario menos satisfactoria que a Google no le gusta en absoluto y es peor en los dispositivos móviles. Aquí es donde un servicio de WordPress CDN (Content Delivery Network) es útil.

En este artículo, hablaremos sobre cómo un servicio CDN de WordPress puede ayudarlo a acelerar su sitio web y mostrar diferentes opciones para integrar un servicio CDN con su sitio web de WordPress. 

Cómo agregar CDN al sitio web de WordPress (tabla de contenido):

  1. ¿Qué es CDN??
  2. Cómo funciona CDN?
  3. ¿Necesito un CDN en WordPress??
  4. Proveedores populares de CDN
  5. Beneficios de tener un CDN en WordPress

¿Qué es CDN??

Red de entrega de contenido o CDN se usa para entregar contenido instantáneamente al usuario final. La página web tarda un tiempo en cargarse si el servidor recibe un pin para cada solicitud, especialmente si el servidor está ubicado lejos del usuario.

Esto también se conoce como latencia que CDN se creó para superar. En lugar de hacer ping a un servidor web para cada solicitud; CDN guarda una copia de la página web y la entrega al usuario final para cada solicitud posterior de su servidor más cercano.

que es CDN

Fuente: KeyCDN

La imagen de arriba está tomada de KeyCDN. Demuestra cómo el servidor CDN almacena en caché el archivo CSS solicitado solo una vez desde el servidor de origen y se entrega desde el servidor CDN en solicitudes posteriores.

¿Cómo funciona CDN??

Para entender cómo funciona CDN, es importante entender por qué CDN era necesario en primer lugar. Un sitio web está alojado en un servidor web que tiene una única ubicación física. Si el usuario se encuentra cerca de la ubicación de este servidor, el contenido entregado desde el servidor web será más rápido en comparación con el usuario que navega desde el otro lado del mundo.

Por ejemplo, si el servidor web está ubicado en Londres, Reino Unido; el usuario que navega desde Alemania o España obtendrá una respuesta más rápida en comparación con el usuario que navega desde Rusia.

Red de servidores CDN

Servidores CDN que entregan contenido a los usuarios dentro de su dominio

Para evitar esta latencia en la entrega del contenido; CDN hace una copia de estas páginas web y las almacena en sus servidores repartidos por todo el mundo. Para garantizar una entrega más rápida a cada usuario, CDN utiliza sus PoP (puntos de presencia) ubicados en múltiples ubicaciones en todo el mundo. Estos PoP contienen múltiples servidores responsables de entregar contenido al usuario que visita el sitio dentro de sus parámetros. CDN ofrece contenido estático y dinámico que incluye archivos multimedia, HTML, JavaScript y CSS..

¿Necesito un CDN en un sitio de WordPress??

CDN es esencial para cada sitio web que tenga una audiencia global. No importa si está ejecutando un blog o una tienda en línea, Content Delivery Network (CDN) mejora significativamente la experiencia del usuario y aumenta la productividad general.

Los servicios de CDN son ampliamente utilizados y se están volviendo populares entre los usuarios de WordPress que desean ofrecer mejores experiencias a sus usuarios. La lista de empresas que utilizan los servicios de CDN es enorme: agencias digitales; Entretenimiento; Cuidado de la salud; Comercio electrónico; Educación y publicidad por nombrar algunos.

Hay una excepción en la que CDN podría no ser la mejor opción. Si está ejecutando un negocio estrictamente localizado y la mayoría de su público objetivo pertenece a su localidad, entonces usar un CDN podría empeorar las cosas. Esto se debe a que agregará una capa adicional innecesaria de servidores CDN que no es necesaria ya que el servidor web real está al alcance y no requiere otro recurso para entregar el contenido.

Proveedores de CDN populares y proceso de configuración (paso a paso)

Hay muchas compañías que ofrecen servicios CDN y tienen diferentes paquetes para elegir. Sugerimos hacer su investigación antes de invertir en un proveedor. Puede considerar lo siguiente para comenzar.

  1. Flama de nube
  2. StackPath
  3. Sucuri
  4. KeyCDN

Puedes encontrar más servicios confiables de CDN en esta comparación.

En el pasado, solía ser un desafío integrar CDN a un sitio de WordPress, ya que requería estar configurado en muchos lugares. Las cosas han cambiado ahora con la llegada de los complementos modernos; agregar un CDN al sitio de WordPress es solo cuestión de unos pocos pasos.

1) Cloudflare CDN Proceso de configuración

El próximo CDN que integraremos a nuestro sitio de WordPress es Cloudflare. Este CDN también es muy popular entre los usuarios de WordPress debido a su rendimiento, seguridad y suscripción GRATUITA.

Para comenzar con CloudFlare, visite su sitio web y haga clic en el enlace Registrarse en la navegación superior. Luego ingrese su correo electrónico y contraseña y haga clic en el botón Crear cuenta.

Comenzando con cloudflare

Una vez que se crea la cuenta, se le pedirá que agregue un sitio.

Agregar sitio a Cloudflare

Ingrese la URL de su sitio web y haga clic en el botón Agregar sitio para continuar.

En la siguiente pantalla, seleccione el plan de suscripción que le gustaría tener con Cloudflare. En este artículo, usaremos la versión GRATUITA.

Selección del plan Cloudflare

Después de confirmar el plan de suscripción, el sitio web escaneará su registro DNS.

Haga clic en Continuar para recibir nuevos servidores de nombres.

DNS de Cloudflare

Reemplace sus servidores de nombres existentes de los servidores de nombres proporcionados por Cloudflare y haga clic en Continuar. Puede tomar alrededor de 24 horas hacer el cambio y una vez que lo haya hecho, verá el estado activado y el contenido de su sitio se entregará desde los servidores de Cloudflare.

Para integrar cualquier CDN a un sitio de WordPress, los procesos son más o menos los mismos. Sin embargo, es importante analizar qué proveedor de CDN puede servirle mejor antes de invertir en él. El objetivo principal puede ser el mismo, pero todos vienen con diferentes características y precios..

2) Proceso de configuración de StackPath CDN

StackPath (anteriormente MaxCDN) es uno de los nombres más conocidos en la industria de CDN. Ofrecen planes CDN, así como una combinación de planes CDN y firewall de sitios web. Ambos planes ofrecen una prueba gratuita de un mes, que usaremos en este tutorial.

Para comenzar, visite el sitio web y navegue hasta Productos> Edge Services> CDN. Luego, desplácese hacia abajo en la página hasta que vea la sección Comenzar hoy, elija solo CDN y luego haga clic Empezar Botón.

StackPath Comenzando

Puede ingresar un correo electrónico y una contraseña para crear su cuenta o puede registrarse con una cuenta existente de Google, Facebook o Github.

Una vez que haya creado su cuenta, seleccione Sitio web y servicios de aplicación.

Selección del servicio Stackpath

Elija CDN en la página siguiente y luego configure su método de pago y haga clic en Continuar.

Luego deberá crear un sitio ingresando su nombre de dominio.

Agregar origen del sitio StackPath

Haga clic en Continuar y luego ingrese la dirección IP de su servidor de alojamiento. Generalmente puede encontrar esta información en su cPanel.

Agregar un sitio a Stackpath

El último paso es actualizar su configuración de DNS y señalarla a la red StackPath. Deberá crear un registro A e ingresar la información proporcionada por StackPath. Los cambios tardarán hasta 24 horas en surtir efecto, así que no olvide revisar su sitio para asegurarse de que todo funcione.

3) Proceso de configuración de Sucuri CDN

Sucuri es un complemento de seguridad popular que fortalecerá su sitio web de WordPress y lo protegerá de los piratas informáticos. Tienen una plataforma de seguridad bastante robusta que no solo asegurará su sitio y lo escaneará en busca de malware, sino que también le proporcionará varias optimizaciones de velocidad.

También ofrecen un firewall independiente que incluye un CDN incorporado para su sitio. Los planes comienzan en $ 9.99 / mes y vienen con una garantía de devolución de dinero de 30 días..

Para comenzar con el CDN de Sucuri, visite su sitio web y luego elija Firewall del sitio web en el menú desplegable de Productos. Para este tutorial, nos registraremos en el plan básico.

Registrarse para una cuenta Sucuri

Crea tu cuenta y agrega tu información de facturación.

Crear cuenta de sucuri

Luego podrá agregar su sitio ingresando su nombre de dominio y seleccionando la opción “Quiero usar los servidores DNS de Sucuri”.

Agregar sitio a sucursales

El último paso es actualizar su información DNS agregando un registro A y apuntándolo a los servidores DNS de Sucuri.

Los cambios de DNS pueden tardar hasta 48 horas en propagarse, aunque Sucuri dice que puede suceder dentro de las 6 horas, así que asegúrese de verificar su sitio para asegurarse de que todo esté configurado correctamente.

4) KeyCDN Proceso de configuración

Este es un CDN de alto rendimiento y ampliamente utilizado. Puede probar su servicio registrándose en su versión de prueba. Para este artículo, también utilizaremos su versión de prueba.

Registro KeyCDN

Visite su sitio web oficial y cree una cuenta. Una vez que se crea la cuenta, se enviará un correo electrónico de confirmación a su dirección de correo electrónico. Al confirmar el correo electrónico, su cuenta se activará y podrá acceder al panel de control..

Panel de KeyCDN

Navegue a Zonas desde el menú lateral para agregar una zona para su sitio web y generar URL de CDN.

KeyCDN Zone

Haga clic en el botón Guardar para guardar los cambios. Tardará unos minutos en activar su zona y una vez que se active, verá el estado como Activo. El siguiente paso es Purgar desde el menú desplegable Administrar en Acciones.

KeyCDN Zone URL

Copie la URL de la zona y guárdela para el siguiente paso.

Instalar un complemento

En el paso anterior, generamos con éxito el servicio CDN para nuestro sitio de WordPress. Ahora necesitamos configurar nuestro sitio de WordPress para que pueda funcionar correctamente con el servicio CDN. Para hacerlo, debemos requerir la instalación de un complemento en nuestro sitio de WordPress.

Inicie sesión en su panel de WordPress y agregue un nuevo complemento desde la opción Complementos. Buscar Breeze – Complemento de caché de WordPress.

Breeze Plugin

Después de la instalación, active el complemento y vaya a su configuración. Haga clic en la pestaña CDN y pegue la URL de zona que ya ha copiado desde el panel de KeyCDN.

Configuración del complemento Breeze

Haga clic en Guardar cambios para implementar el CDN.

¡Eso es! Has integrado con éxito CDN a tu sitio de WordPress. Para confirmar la integración, explore su sitio en cualquier navegador web y acceda a su código fuente. Si la integración fue exitosa, verá que los archivos se descargan a través de servidores KeyCDN.

Prueba KeyCDN

Beneficios de tener un CDN en WordPress

WordPress es un sistema de gestión de contenido que consume una buena cantidad de datos estáticos y dinámicos. Normalmente, un sitio de WordPress se basa en una plantilla o tema y aprovecha algunas de sus funcionalidades a través de complementos. El contenido como el encabezado, el pie de página, las imágenes del banner y el menú no cambian con mucha frecuencia y el servicio CDN puede almacenarlo en la memoria caché. Además del almacenamiento en caché, CDN también ofrece otros beneficios.

Beneficios de CDN

Ahorra ancho de banda

Dado que CDN almacena en caché el contenido y proporciona su propia copia sin obtenerlo del servidor web, le ahorrará mucho ancho de banda. Puede que esto no parezca grande, pero puede ahorrar mucho dinero en gastos de servidor para sitios de alto tráfico.

Seguridad

La seguridad es uno de los problemas más importantes para los usuarios de WordPress, pero se puede abordar mediante el uso de un CDN en un sitio de WordPress. CDN fortalece la seguridad, ya que está optimizado para identificar amenazas de seguridad notorias como el ataque de denegación de servicio distribuido (DDoS) y las actividades de spam mediante bots y scripts.

Abordar el alto tráfico

Los sitios web con alto volumen de tráfico pueden aprovechar la red de servidores CDN. El contenido en caché está fácilmente disponible para el usuario final, incluso si el servidor web está cargado con nuevas solicitudes.

Velocidad

Mejora significativamente la velocidad de carga de la página, ya que reduce el efecto de latencia al proporcionar contenido en caché almacenado en uno de los muchos servidores ubicados en todo el mundo. Esto contribuye a la experiencia del usuario y también reduce la tasa de rebote, ya que los usuarios tienden a pasar más tiempo en su sitio web..

Rankings SEO más altos

Mencionamos anteriormente que Google favorece los sitios web rápidos. Con un CDN, el rendimiento de su sitio web mejorará drásticamente, por lo que es natural esperar que su sitio web se clasifique mejor en los motores de búsqueda..

Mejor disponibilidad

Finalmente, con un CDN, no tiene que preocuparse de que su sitio se caiga porque su servidor está sufriendo un tiempo de inactividad. Dado que un CDN sirve contenido en caché de varios servidores, si un servidor no está disponible, el CDN simplemente entregará su sitio desde un servidor diferente.

Pensamientos finales

En este artículo, discutimos qué es un CDN y cómo funciona. También observamos algunos de los proveedores populares de CDN e investigamos cómo integrar un par de ellos en un sitio de WordPress. También entendimos los beneficios que una CDN puede aportar a un sitio web y el tipo de empresas que ya están utilizando CDN en sus sitios para una mejor experiencia de usuario. Comparta su experiencia con su proveedor de CDN.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map