Después de nuestro rediseño, WPBv4, pasamos algún tiempo optimizando el rendimiento (aún queda mucho trabajo por hacer). Después de realizar algunas optimizaciones, vimos una mejora importante en el rendimiento del sitio. Fue lo suficientemente notorio que nuestros usuarios nos enviaron un correo electrónico preguntándonos al respecto. Hemos escuchado sus solicitudes y muy pronto se publicará una guía completa sobre lo que hicimos para acelerar nuestro sitio. Aunque 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 comunico con usted es para preguntarle sobre 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 utilizando 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 – 1,7 s. A continuación se muestra una de las capturas de pantalla:
Se invirtió mucho en la optimización del rendimiento (reducción de 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 evita que nos bloqueemos es un excelente CDN de WordPress. Estamos usando MaxCDN, y puede revisar nuestro MaxCDN en nuestra sección Blueprint donde explicamos por qué usamos MaxCDN. Si no sabe qué es un CDN o por qué necesita un CDN, entonces debería consultar la infografía “What the Heck is a CDN”.
Dicho esto, para seguir este tutorial, DEBE tener una cuenta MaxCDN. Es muy asequible y vale la pena el dinero. Si no tiene una cuenta, puede registrarse ahora. Puede obtener un 25% de descuento con nuestro cupón MaxCDN «wpbeginner»
Tutorial en video
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».
En la página siguiente, se le pedirá que ingrese los detalles de su nueva zona de extracción.
- Nombre de la zona de extracción: puede ser cualquier cosa sin espacios, con un mínimo de 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 la barra inclinada (/).
- Dominio CDN personalizado: use cualquier subdominio, por ejemplo: cdn.wpbeginner.com
- Etiqueta: 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.
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árdelo 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 «administrar».
A continuación, 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 zona de extracción, tome la URL de CDN larga que obtuvo en los pasos anteriores, que se veía así: «wpb.wpbeginner.netdna-cdn.com». Necesitaremos 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 utilizan cPanel. Inicie sesión en su cPanel, luego desplácese hacia abajo hasta la sección de 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.
- Nombre: Este es el nombre de su dominio CDN personalizado. Por ejemplo, nuestro dominio CDN personalizado es cdn.wpbeginner.com, por lo que pondremos «cdn» en nuestro campo de nombre.
- CNAME: MaxCDN le proporcionará esta URL cuando creó la zona de extracción. Por ejemplo: «wpb.wpbeginner.netdna-cdn.com».
Captura de pantalla de ejemplo:
Repita este proceso para todos los dominios personalizados que agregará. El valor CNAME será el mismo. Todo lo que está cambiando 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, sigamos adelante e integremos con WordPress. Necesitaremos usar el complemento W3 Total Cache. Instale y active el complemento. En la pantalla General, si se desplaza hacia abajo, verá el cuadro CDN. Habilite 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 sus nombres de dominio personalizados.
Puede obtener su ID y clave de API desde su Tablero de MaxCDN. Si va a Administrar cuenta »API. Haga clic en agregar clave y cree su clave.
Una vez que configure la parte W3 Total Cache, estará listo. Puede hacer clic en el botón Probar NetDNA y debería poder aprobar la Prueba.
¿Quiere acelerar su WordPress? Bueno, entonces te recomendamos que comiences a usar un servicio CDN como MaxCDN. Utilice el cupón MaxCDN «Wpbeginner» para obtener un 25% de descuento.