Cómo acelerar su sitio de WordPress con CDN77

Cómo acelerar su sitio de WordPress con CDN77

En nuestra publicación anterior, exploramos los beneficios de tener un servicio CDN con WordPress y por qué los CDN son una de las mejores formas de acelerar WordPress varias veces antes en el blog. . Hemos observado cuánto aumenta el rendimiento si sus visitantes están lejos de su servidor host. Esperamos que esto haya despertado su interés porque en el artículo de hoy le daremos una guía paso a paso sobre cómo crear un recurso CDN en CDN77 y modificarlo correctamente. Después de eso, instalaremos un conjunto específico de complementos en WordPress y luego verificaremos si todo funciona bien.

El primer paso de nuestra guía será crear una cuenta CDN77. Si aún no tiene una cuenta, CDN77 ofrece una prueba gratuita de 14 días. La inscripción sólo toma unos minutos. A continuación, crearemos un recurso CDN haciendo clic en Crear un nuevo recurso CDN (en la pestaña CDN). Para los propósitos de este artículo, vamos a implementar un CDN en un blog de películas alojado en un centro de datos en Las Vegas.

cdn77-con-wordpress-03

Dado que implementaremos una solución HTTPS completa, usaremos el nuevo “HTTPS” en CDN77. Esta opción asegura la transferencia de datos desde su servidor host al servidor CDN.

Si su sitio funciona en modo SSL, es absolutamente necesario que cree un recurso SSL solo en CDN77. De lo contrario, corre el riesgo de errores de contenido mixto. Este tipo de error ocurre cuando el navegador se ejecuta en modo SSL y de repente intenta cargar un recurso a través de una solicitud HTTP no segura.

cdn77-con-wordpress-04

Cómo configurar SSL en CDN77

Podemos configurar un certificado SSL gratuito de 2 formas. Podemos usar un certificado SSL compartido para un subdominio en xxx.c.cdn77.org o usar nuestro propio CNAME (ver imagen arriba). En general, le recomendamos que utilice un CNAME como cdn.yoursite.com.

Si opta por la solución compartida CDN77, no es necesario realizar más pasos para que el subdominio SSL funcione correctamente.

En este caso, configuraremos un CNAME. Esto significa que se podrá acceder al contenido de nuestro sitio web a través de HTTPS instantáneamente si cambiamos nuestro sitio a cdn.ourdomain. Con CDN77, la obtención de un SSL se realiza en unos pocos clics.

¡Ajústelo!

Una vez que haya creado el recurso, lo primero que debe mirar es el menú Otras configuraciones. Si va a utilizar HTTPS, es absolutamente obligatorio mantener habilitado HTTP / 2. La mejora en la velocidad entre HTTP / 1.xy HTTP / 2 normal es enorme. CDN77 se ejecutará en modo HTTP / 2 en su recurso HTTPS predeterminado, reduciendo su tiempo a la mitad.

Si está utilizando HTTPS, también debe realizar la redirección 301 para cumplir con los estándares de Google para HTTPS, habilite la redirección HTTPS.

Para obtener el mejor rendimiento, habilite Ignorar todo en Ignorar cadenas de consulta. A menos que su sitio ejecute contenido cargado dinámicamente que debe actualizarse cada hora, puede salirse con las cadenas de consulta e ignorar todo, esto aumentará drásticamente el rendimiento de la caché y el sitio.

CDN77 también ofrece la opción de caducidad de caché. En caso de que esté cargando muchas imágenes, esto debe establecerse en la configuración más alta posible, que es de 12 días.

En esta guía, consideraremos primero la velocidad. Entonces CDN solo nos proporcionará el contenido estático de la imagen, todo lo demás se cargará desde el servidor de origen.

¿Por qué no usar CDN para Javascript y CSS, estás loco?

Recuerde que en nuestro artículo anterior, discutimos cómo el rendimiento de CDN puede variar cuando el contenido no está disponible en el nodo solicitado de la red CDN. Bueno, si el archivo aún no almacenado en caché es un archivo CSS, el tiempo de carga aumentará y puede afectar negativamente su rendimiento. Esto puede afectar la velocidad de representación de su sitio mucho más que si decide no servir CSS con CDN.

Los archivos CSS y Javascript son vitales para cargar sitios web en cualquier navegador y no deben almacenarse en caché como los servicios CDN. Sin embargo, puede crear un recurso estático en la CDN para volcar estos archivos importantes. Esta es una técnica más avanzada que requerirá pulir su WordPress a un nivel más allá del alcance de este tutorial.

Una vez que todo esté ajustado, podemos pasar a la pestaña del menú de los centros de datos.

cdn77-con-wordpress-07

CDN77 proporciona una forma conveniente de encender / apagar cada nodo en su red. El objetivo es seleccionar cuidadosamente los nodos más utilizados. Es fácil de averiguar, solo sigue a tus lectores.

Una vez que sepa qué nodos necesita, se le recomienda que desactive los nodos innecesarios. Hay una explicación simple para esto: cuantos más nodos tenga en su red, más tiempo le llevará actualizarlos todos, por lo que su rendimiento se ve afectado. Normalmente, cuando reduce la cantidad de nodos, también aumenta el rendimiento de la caché. Elegir sabiamente.

Cuando prueba por primera vez el rendimiento de su sitio, purgar y pre-extraer podría ser útil. La purga empujará contenido específico fuera de la CDN, lo cual es útil si cambia el contenido y necesita borrar la caché para actualizar. Prefetch hará lo contrario, forzará contenido específico en la caché de CDN.

cdn77-con-wordpress-10

Una vez que todo esté configurado, puede apuntar su CNAME a su propio dominio. Para hacer esto, necesita crear una regla en su registrador o panel de alojamiento en la sección DNS y apuntar su cdn.yourdomain.com a CNAME xxx.rsc.cdn77.org como se muestra en la imagen, esto le indicará a DNS que redirija todo tráfico desde su subdominio hasta donde debe estar. No se preocupe, no afectará el rendimiento. Además, también sirve para mostrar a sus lectores que está utilizando un cdn.tudominio.com que se ve elegante.

Si prefiere usar la dirección cdn77.org, no tiene que hacer nada, solo use esa dirección cuando reemplace su contenido en WordPress.

Lado de WordPress

En el lado de WordPress, necesitamos agregar un complemento para que funcione correctamente. Usaremos el Activador de CDN, un complemento práctico y gratuito. La razón para usar este complemento es simple: la mayoría de los complementos de CDN no permiten un control tan granular sobre las carpetas que envía a la CDN. Este complemento lo hace y esto es muy importante para nuestro caso porque no queremos incluir ningún archivo Javascript o CSS, solo las imágenes cargadas.

cdn77-con-wordpress-14

Una vez instalado, puede encontrar el complemento aquí …

cdn77-con-wordpress-15

¡Vamos a cambiarlo!

cdn77-con-wordpress-16

¿Recuerdas cuando hablamos de personalización? Aquí está el hecho más importante sobre cómo configurar correctamente una CDN en WordPress. La gran mayoría de los complementos de CDN le indicarán que incluya un directorio para que el CDN se “replique” y, por lo general, le indicarán que incluya wp-content. Esto es bueno para una configuración general, pero no es bueno para su rendimiento ya que la carpeta wp-content está llena de otra carpeta muy sensible, la carpeta de complementos y temas que incluye toneladas de archivos javascript y CSS. Es posible que pierda rendimiento si no se almacenan en caché como se explicó anteriormente.

Entonces, ¿cómo podemos resolver este problema? Solo incluimos la carpeta wp-content / uploads. ¡Qué solución tan simple!

Por muy sorprendido que esté, la gran mayoría de los complementos que manejan CDN no le permitirán hacer esto. Incluir solo esta subcarpeta le indicará a su CDN su carpeta de descargas, es decir, solo sus imágenes.

cdn77-con-wordpress-17

Una simple actualización del sitio permitirá que la CDN obtenga el contenido por usted. En este ejemplo, abrimos una pestaña de Desarrollador de Firefox (F12) y buscamos la primera imagen. ¡Puede ver claramente que el enlace ha sido reemplazado y ahora se carga directamente desde el CDN en lugar de nuestro servidor host!

Antes y después

¡Veamos cómo pasó todo!

En la pantalla de la izquierda podemos ver el tiempo que lleva cargar el sitio desde Suecia (que está lejos de nuestro servidor host en Las Vegas, ¿recuerdas?) En la pantalla de la derecha podemos ver como el rendimiento aumentó, ¡el tiempo se redujo casi a la mitad! Todos los archivos esenciales aún se están cargando desde nuestro servidor en Las Vegas, pero los archivos grandes, como imágenes, se están cargando desde el nodo en Suecia.

Envoltura

Espero que haya aprendido una forma poderosa de implementar CDN en su sitio de WordPress. Algunas técnicas no son intrusivas, como los archivos CSS y Javascript, que son esenciales para la velocidad de carga del sitio. Ahora puedes aprovechar todas las ventajas de una CDN y al mismo tiempo minimizar sus desventajas. Esperamos que pruebe la versión de prueba gratuita de CDN y utilice los consejos de este artículo para ver si puede acelerar su sitio de WordPress. ¡Esperamos que hayas disfrutado del artículo! Como de costumbre, deja tus dudas o dudas en los comentarios a continuación.

Deja un comentario

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

Ir arriba