Después de rediseñar WPBv4, nos tomamos un tiempo para optimizar el rendimiento (y todavía tenemos trabajo por hacer). Después de hacer algunas optimizaciones, vimos una gran mejora en el rendimiento del sitio. Aparentemente, nuestros usuarios nos enviaron un correo electrónico sobre esto. Hemos escuchado su solicitud y pronto publicaremos una guía completa sobre lo que estamos haciendo para acelerar su sitio. Aunque hemos 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í hay un correo electrónico que recibimos de un usuario:

“… la razón principal por la que te contacté fue para preguntarte sobre la velocidad del sitio. ¿Cómo diablos lograste que tu sitio se acelerara tan rápido? La velocidad es una locura y me encanta”.

Hicimos pruebas exhaustivas utilizando un sitio web llamado Pingdom. El tiempo de carga más rápido para nuestra página de inicio fue de solo 483 ms. Ejecutamos la prueba varias veces (diferentes momentos y centros de datos). Nuestros tiempos de carga en la página de inicio oscilan entre 483 ms y 1,7 segundos. Aquí está una de las capturas de pantalla:

Captura de pantalla de velocidad de WPBeginner de Pingdom

Se ha trabajado mucho en optimizaciones de rendimiento (reducción de consultas HTTP, por ejemplo, carga de scripts solo cuando es necesario, combinación de scripts y hojas de estilo, optimización de imágenes, etc.). Sin embargo, uno de los componentes principales que hace que nuestro sitio se cargue rápido y evita que se bloquee es el excelente CDN de WordPress. Estamos usando MaxCDN, puede comentar sobre MaxCDN en nuestra sección de planos donde explicaremos por qué usamos MaxCDN. Si no sabe qué es un CDN o por qué necesita un CDN, entonces debe consultar o consultar la infografía “Qué es un CDN”.

Dicho esto, para seguir este tutorial, debe tener una cuenta MaxCDN. Es muy asequible y tiene una buena relación calidad-precio. Si no tienes una cuenta, puedes registrarte ahora.Puede obtener un 25% de descuento con nuestro cupón MaxCDN “wpbeginner”

videotutorial

Suscríbete a WPBeginner

Si no te gusta el video o necesitas más explicaciones, sigue leyendo.

Después de crear una 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 zonas de extracción.

MaxCDN crea una zona de extracción

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

  • Nombre de la zona de extracción: puede ser cualquier nombre sin espacios, al menos 3 caracteres. 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 una barra inclinada final (/).
  • Dominio CDN personalizado: use cualquier subdominio, por ejemplo: cdn.wpbeginner.com
  • Etiqueta: Esto es como un campo de descripción. Agregar una descripción es opcional.
  • Compresión: recomendamos habilitar esta función, ya que ahorrará el uso de ancho de banda en su cuenta.

Detalles del área de extracción de MaxCDN

Después de hacer clic en Crear, verá una pantalla de éxito. En ese cuadro verde, obtendrá la URL del CDN. Parece “wpb.wpbeginner.netdna-cdn.com”. Copiemos esta URL y guárdela en el Bloc de notas. Tendremos que usar esto en un paso posterior. Si va al tablero, ahora verá el área que creó. Haga clic en el icono Administrar.

Administrar regiones MaxCDN

A continuación, debe hacer clic en la pestaña Configuración y mirar Dominios personalizados.

Configuración regional de MaxCDN

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

MaxCDN múltiples subdominios

Después de agregar su subdominio personalizado, simplemente haga clic en Actualizar. En la configuración de compresión, asegúrese de que la compresión GZip esté habilitada.

Ahora que tiene su zona de extracción configurada, use la URL CDN larga que obtuvo en el paso anterior, que se parece a esto “wpb.wpbeginner.netdna-cdn.com”. Lo necesitaremos para configurar el registro CNAME. Le mostraremos cómo crear un registro CNAME usando cPanel. La mayoría de los proveedores de alojamiento de WordPress utilizan 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, debe completar los campos para agregar un registro CNAME. Los dos valores que debe 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 ingresaremos “cdn” en el campo de nombre.
  • Alias: Esta será la URL que MaxCDN le proporcionó cuando creó la zona de extracción. Por ejemplo: “wpb.wpbeginner.netdna-cdn.com”.

Captura de pantalla de ejemplo:

Agregar registro CNAME

Repita este proceso para cualquier dominio personalizado que agregue. El valor de CNAME será el mismo. Todo lo que tienes que cambiar es el nombre para que te guste “cdn”, “cdn2”, etc. Si tiene un host que no es de cPanel, el método para agregar un CNAME puede ser diferente.

Ahora que ha configurado MaxCDN, pasemos a integrarlo con WordPress. Necesitaremos usar el complemento W3 Total Cache. Instalar y activar el complemento. En la pantalla normal, si se desplaza hacia abajo, verá el cuadro CDN. Habilite CDN y seleccione la opción NetDNA/MaxCDN.

CDN de caché total de W3

Guardar ajustes. Ahora debe ir al menú CDN en W3 Total Cache para configurar MaxCDN con WordPress. Esta página le pedirá que ingrese su API ID, API Key y su nombre de dominio personalizado.

Integración W3 Total Cache MaxCDN

Puede obtener su ID y clave de API desde el panel de control de MaxCDN. Si vas a Administrar cuentas » API. Haga clic en Agregar clave y cree su clave.

Cómo obtener la clave API de MaxCDN

Una vez que haya configurado la sección W3 Total Cache, estará listo para comenzar. Puede hacer clic en el botón Probar NetDNA y debería poder pasar la prueba.

¿Quieres acelerar tu WordPress? Bueno, entonces te recomendamos que comiences a usar un servicio de CDN como MaxCDN.Usar cupón MaxCDN “principiante wp” Obtenga un 25% de descuento.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.