Después de nuestro rediseño, WPBv4, dedicamos un tiempo a optimizar el rendimiento (todavía queda trabajo por hacer). Después de algunas optimizaciones, notamos una mejora importante en el rendimiento del sitio. Fue lo suficientemente visible que nuestros usuarios nos enviaron un correo electrónico para informarnos. Hemos escuchado sus solicitudes y muy pronto estará disponible una guía completa sobre lo que hemos hecho para acelerar nuestro sitio. Aunque explicamos cómo instalar MaxCDN en nuestro tutorial de W3 Total Cache, hemos realizado cambios adicionales desde entonces. En este artículo, le mostraremos cómo instalar y configurar MaxCDN en WordPress. Este es el correo electrónico que recibimos de uno de nuestros usuarios: “… la razón principal por la que me comunico con usted es para preguntarle sobre la velocidad del sitio. ¿Cómo diablos te las arreglas para acelerar tu sitio tan rápido? La velocidad es una locura y me encantó. Hicimos muchas 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. Ejecutamos 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 a 1,7 segundos. Aquí está una de las capturas de pantalla:

La optimización del rendimiento ha ayudado mucho (reducción de solicitudes HTTP, como cargar scripts solo cuando es necesario, combinar scripts y hojas de estilo, optimizar imágenes, etc.). Pero uno de los componentes principales que hace que nuestro sitio web se cargue más rápido y evita que nos bloqueemos es un excelente CDN de WordPress. Usamos MaxCDN, y puede revisar nuestro 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, debería consultar la infografía «¿Qué diablos es una CDN?». Dicho esto, para seguir este tutorial, DEBE tener una cuenta MaxCDN. Es muy asequible y merece la pena. Si no tiene una cuenta, puede registrarse ahora. Puede obtener un 25% de descuento utilizando nuestro cupón MaxCDN «MundoCMS»
Video tutorial
Suscríbase a MundoCMS Si no le gusta el video o necesita más instrucciones, siga 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, luego en el icono «Crear una zona de extracción».
En la página siguiente, se le pedirá que ingrese los detalles de su nueva área de dibujo.
- Nombre de la zona de extracción: puede ser cualquier cosa sin espacios, al menos 3 caracteres. Piense en esto como su nombre de usuario.
- URL del servidor de origen: introduzca la URL de su blog de wordpress. Debe tener «http: //» y la barra inclinada (/).
- Dominio CDN personalizado: use cualquier subdominio, por ejemplo: cdn.MundoCMS.com
- Etiqueta: es como un campo de descripción. Agregar una descripción es opcional.
- Compresión: le recomendamos que la habilite, ya que ahorrará el uso de ancho de banda en su cuenta.
Una vez que haga clic en crear, verá una pantalla de éxito. En este cuadro verde, tendrá una URL para su CDN. Se verá algo así como «wpb.MundoCMS.netdna-cdn.com». Copiemos esta URL y guárdela en su bloc de notas. Tendremos que usarlo en los pasos posteriores. Si va a su panel de control, ahora verá el área que creó. Haga clic en el icono «administrar».
Luego, debe hacer clic en la pestaña «Configuración» y mirar los dominios personalizados.
El objetivo aquí es agregar varios 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.
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 área de extracción, tome la URL de CDN larga que obtuvo en los pasos anteriores, que se veía así: «wpb.MundoCMS.netdna-cdn.com». Lo necesitaremos para definir registros CNAME. Le mostraremos cómo crear el 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.
En esta página, deberá completar los campos para agregar un registro CNAME. Los dos valores que deberá completar son: Nombre y CNAME.
- Apellido: Este es el nombre de su dominio CDN personalizado. Por ejemplo, nuestro dominio CDN personalizado es cdn.MundoCMS.com, por lo que pondremos «cdn» en nuestro campo de nombre.
- CNAME: Esta será la URL que MaxCDN le proporcionará cuando haya creado la zona de extracción. Por ejemplo: «wpb.MundoCMS.netdna-cdn.com».
Captura de pantalla de ejemplo:
Repita este proceso para todos los dominios personalizados que va a agregar. El valor CNAME será el mismo. Todo lo que cambia es el nombre para que le guste «cdn», «cdn2», etc. Agregar el método CNAME puede ser diferente si tiene un host que no es cPanel. Ahora que ha configurado MaxCDN, vamos a integrarlo con WordPress. Tendremos que utilizar el plugin W3 Total Cache. Instale y active el complemento. En la pantalla General, si se desplaza hacia abajo, verá el cuadro CDN. Active CDN y seleccione la opción NetDNA / MaxCDN.
Guarde 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 nombres de dominio personalizados.
Puede obtener su ID de API y su clave desde su panel de MaxCDN. Si va a administrar la »API. Haga clic en agregar una clave y cree su clave.
Una vez que haya configurado la parte W3 Total Cache, estará listo para comenzar. Puede hacer clic en el botón Prueba de NetDNA y debería poder realizar la prueba. ¿Quiere acelerar su WordPress? Bueno, le recomendamos que comience a utilizar un servicio CDN como MaxCDN. Utilice el cupón MaxCDN «MundoCMS» para obtener un 25% de descuento.