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

Después de nuestro rediseño, WPBv4 , pasamos algún tiempo haciendo optimización de rendimiento (aún nos queda trabajo por hacer). Después de hacer un poco de optimización, vimos una importante mejora en el rendimiento del sitio. Fue lo suficientemente notorio que nuestros usuarios nos enviaron un correo electrónico preguntándonos sobre ello. Hemos escuchado sus peticiones, y una guía completa sobre lo que hicimos para acelerar nuestro sitio estará disponible muy pronto. A pesar de que en nuestro tutorial hemos tratado el tema de cómo instalar MaxCDN en 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 principal razón por la que me pongo en contacto con usted es para preguntarle sobre la velocidad del sitio. ¿Cómo diablos lograste 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 web fue de sólo 483ms. Hicimos la prueba varias veces (diferentes horas y centros de datos). Nuestro rango de tiempo de carga en la página de inicio fue de 483ms – 1.7s. A continuación se muestra una de las capturas de pantalla:

WPBeginner Speed Captura de pantalla de Pingdom

Mucho se ha dedicado a la optimización del rendimiento (reduciendo las consultas HTTP como cargar scripts sólo cuando son necesarios, combinando scripts y hojas de estilo, optimizando imágenes, etc.). Pero uno de los principales componentes que hace que nuestro sitio web se cargue rápidamente y evita que nos estrellemos es un gran CDN de WordPress. Estamos usando MaxCDN, y usted puede usar nuestro MaxCDN review en nuestra sección Blueprint donde explicamos por qué usamos MaxCDN. Si no sabes qué es una CDN o por qué necesitas una CDN, entonces deberías comprobar o infografiar «What the Heck is a CDN «.

Dicho esto, para poder seguir este tutorial, DEBE tener una cuenta MaxCDN . Es muy asequible y bien vale la pena el dinero. Si no tienes una cuenta, puedes registrarte ahora. Puede obtener un 25% de descuento utilizando nuestro Cupón MaxCDN «wpbeginner»

Video Tutorial

Suscribirse a WPBeginner

Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.

Una vez que haya creado su cuenta en MaxCDN, deberá instalar este plugin 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 ello, haga clic en el botón Gestionar zonas y, a continuación, haga clic en el icono «Crear zona de extracción».

MaxCDN Create Pull Zone

En la página siguiente, se le pedirá que introduzca los detalles de su nueva zona de tiro.

  • Nombre de la Zona Pull: Puede ser cualquier cosa sin espacios, de un mínimo de 3 caracteres. Piensa en esto como tu nombre de usuario.
  • URL del servidor de origen: Introduzca la URL de su blog de wordpress. Debe tener «http://» y la barra oblicua (/).
  • Dominio CDN personalizado: Utilice cualquier subdominio, por ejemplo: cdn.wpbeginner.com
  • Etiqueta: Esto es como un campo de descripción. Es opcional añadir una descripción.
  • Compresión: Le recomendamos que habilite esta opción, ya que ahorrará el uso de ancho de banda en su cuenta.

MaxCDN Pull Zone Details

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 guardémosla en su bloc de notas. Tendremos que usarlo en pasos posteriores. Si va a su panel de control, ahora verá la zona que ha creado. Haga clic en el icono «gestionar».

Manage MaxCDN Zone

A continuación, haga clic en la pestaña «Configuración» y examine los dominios personalizados.

Ajustes de zona MaxCDN

El objetivo aquí es añadir múltiples subdominios (CNAMEs), para que podamos mejorar el rendimiento de la canalización en el navegador. Para ello, haga clic en el botón de edición en Dominios Personalizados, y simplemente añada varios dominios personalizados.

MaxCDN Multiple Subdomains

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

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

Editor de zona DNS simple en cPanel

En esta página, deberá rellenar los campos para añadir un registro CNAME. Los dos valores que tendrá que rellenar son: Nombre y CNAME.

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

Ejemplo de captura de pantalla:

Add a CNAME Record

Repite este proceso para todos los dominios personalizados que vayas a añadir. El valor CNAME será el mismo. Todo lo que estás cambiando es el nombre, como «cdn», «cdn2», etc. La adición del método CNAME puede ser diferente si tiene un host que no sea cPanel.

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

W3 Total Cache CDN

Grabe las opciones. Ahora, necesitará ir al menú CDN en W3 Total Cache para configurar MaxCDN con WordPress. Esta página le pedirá que introduzca su ID de API, la clave de API y sus nombres de dominio personalizados.

W3 Total Cache MaxCDN Integration

Puede obtener su ID y clave de API en el panel de control de MaxCDN. Si vas a Administrar Cuenta » API. Haga clic en añadir clave y cree su clave.

How to Get MaxCDN API Key

Una vez configurada la parte de W3 Total Cache, ya está listo. Puede hacer clic en el botón Probar NetDNA y podrá obtener el resultado de la prueba.

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

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *