Saltar al contenido

Cómo instalar y configurar la solución CDN de WordPress – MaxCDN en su sitio

WPBeginner ahora funciona con MaxCDN

Después de nuestro rediseño, WPBv4, pasamos un tiempo haciendo la optimización del rendimiento (aún queda trabajo por hacer). Después de hacer alguna optimización, vimos una mejora importante en el rendimiento del sitio. Fue lo suficientemente notable como para que nuestros usuarios nos enviaran un correo electrónico preguntándonos al respecto. Hemos escuchado sus solicitudes, y una guía completa sobre lo que hicimos para acelerar nuestro sitio estará disponible muy pronto. Aunque ya habíamos cubierto cómo instalar MaxCDN en nuestro tutorial sobre W3 Total Cache, hemos realizado algunos cambios adicionales desde entonces. En este artículo, le mostraremos cómo instalar y configurar MaxCDN en WordPress.

Aquí está el correo electrónico que recibimos de uno de nuestros usuarios:

«… la razón principal por la que me pongo en contacto con usted es para preguntar acerca de la velocidad del sitio. ¿Cómo diablos logras acelerar tu sitio tan rápido? La velocidad es una locura y me encantó «.

Hicimos numerosas pruebas usando un sitio llamado Pingdom. El tiempo de carga más rápido de nuestra página de inicio fue de solo 483 ms. Realizamos la prueba varias veces (diferentes horas y centros de datos). Nuestro rango de tiempo de carga en la página de inicio fue de 483 ms – 1.7 s. A continuación se muestra una de las capturas de pantalla:

WPBeginner Speed ​​Captura de pantalla de Pingdom

Mucho se dedicó a la optimización del rendimiento (reduciendo las consultas HTTP, como cargar scripts solo cuando son necesarios, combinar scripts y hojas de estilo, optimizar imágenes, etc.). Pero uno de los componentes principales que hace que nuestro sitio web se cargue rápidamente y nos impide colapsar es una excelente CDN de WordPress. Estamos utilizando MaxCDN, y puede consultar nuestra revisión de MaxCDN en nuestra sección Blueprint donde explicamos por qué usamos MaxCDN. Si no sabe qué es una CDN o por qué necesita una CDN, entonces debe consultar la infografía «Qué diablos es una CDN».

Dicho esto, para seguir este tutorial, DEBE tener una cuenta MaxCDN. Es muy asequible y bien vale la pena. Si no tiene una cuenta, puede registrarse ahora. Puede obtener un 25% de descuento con nuestro cupón MaxCDN «wpbeginner»

Video Tutorial

Suscríbase a WPBeginner

Si no le gusta el video o necesita más instrucciones, continúe leyendo.

Una vez que haya creado su cuenta con MaxCDN, debe instalar este complemento gratuito de WordPress llamado W3 Total Cache.

Lo primero que debe hacer es iniciar sesión en su cuenta MaxCDN y crear una «Zona de extracción». Para hacer esto, haga clic en el botón Administrar zonas y luego haga clic en el icono «Crear zona de extracción».

MaxCDN Crear zona de extracción

En la página siguiente, se le pedirá que ingrese los detalles de su nueva zona de extracción.

  • Nombre de zona de extracción: puede ser cualquier cosa sin espacios, con un mínimo de 3 caracteres de longitud. Piense en esto como su nombre de usuario.
  • URL del servidor de origen: ingrese la URL de su blog de wordpress. Debe tener «http: //» y la barra diagonal final (/).
  • Dominio CDN personalizado: utilice cualquier subdominio, por ejemplo: cdn.wpbeginner.com
  • Etiqueta: Esto es como un campo de descripción. Es opcional agregar una descripción.
  • Compresión: le recomendamos que habilite esto, ya que ahorrará el uso de ancho de banda en su cuenta.

Detalles de la zona de extracción de MaxCDN

Una vez que haga clic en crear, verá una pantalla de éxito. En ese cuadro verde, tendrá una URL para su CDN. Se verá algo así como «wpb.wpbeginner.netdna-cdn.com». Copiemos esta URL y guárdela en su bloc de notas. Tendremos que usarlo en pasos posteriores. Si va a su tablero, ahora verá la zona que ha creado. Haga clic en el icono «administrar».

Administrar zona MaxCDN

A continuación, debe hacer clic en la pestaña «Configuración» y mirar los dominios personalizados.

Configuración de zona MaxCDN

El objetivo aquí es agregar múltiples subdominios (CNAME), para que podamos mejorar el rendimiento de la canalización en el navegador. Para hacer esto, haga clic en el botón editar en Dominios personalizados y simplemente agregue varios dominios personalizados.

MaxCDN Subdominios Múltiples

Una vez que haya agregado los subdominios personalizados, simplemente haga clic en actualizar. En la configuración de Compresión, asegúrese de habilitar la compresión GZip.

Ahora que ha configurado su zona de extracción, tome la larga URL de CDN que obtuvo en los pasos anteriores que se veía así «wpb.wpbeginner.netdna-cdn.com». Vamos a necesitar esto para establecer registros CNAME. Le mostraremos cómo crear el registro CNAME usando cPanel. La mayoría de los proveedores de alojamiento de WordPress están utilizando cPanel. Inicie sesión en su cPanel, luego desplácese hacia abajo hasta la sección Dominios y haga clic en Editor de zona DNS simple.

Editor de zona DNS simple en cPanel

En esta página, deberá completar los campos para Agregar un registro CNAME. Los dos valores que deberá completar son: Nombre y CNAME.

  • Nombre: Este es el nombre de su dominio CDN personalizado. Por ejemplo, nuestro dominio CDN personalizado es cdn.wpbeginner.com, por lo que colocaremos «cdn» en nuestro campo de nombre.
  • CNAME: MaxCDN le proporcionará la URL cuando haya creado la zona de extracción. Por ejemplo: «wpb.wpbeginner.netdna-cdn.com».

Captura de pantalla de ejemplo:

Agregar un registro CNAME

Repita este proceso para todos los dominios personalizados que agregará. El valor de CNAME será el mismo. Todo lo que está cambiando es el nombre como «cdn», «cdn2», etc. Agregar el método CNAME puede ser diferente si tiene un host que no sea cPanel.

Ahora que ha configurado MaxCDN, vamos a integrarlo con WordPress. Tendremos que usar el complemento W3 Total Cache. Instala y activa el complemento. En la pantalla General, si se desplaza hacia abajo, verá el cuadro CDN. Habilite CDN y seleccione la opción NetDNA / MaxCDN.

W3 Total Cache CDN

Guarda la configuración. Ahora, deberá ir al menú CDN en W3 Total Cache para configurar MaxCDN con WordPress. Esta página le pedirá que ingrese su ID de API, clave de API y sus nombres de dominio personalizados.

Integración W3 Total Cache MaxCDN

Puede obtener su ID y clave de API desde su Panel de control de MaxCDN. Si vas a Administrar cuenta »API. Haga clic en agregar clave y cree su clave.

Cómo obtener la clave API MaxCDN

Una vez que configura la parte W3 Total Cache, está listo para comenzar. Puede hacer clic en el botón Probar NetDNA y debería poder aprobar la Prueba.

¿Quieres acelerar tu WordPress? Bueno, entonces le recomendamos que comience a usar un servicio CDN como MaxCDN. Use el cupón MaxCDN «Wpbeginner» para obtener un 25% de descuento.

.