En nuestro artículo anterior, examinamos algunos de los grandes beneficios de obtener un servicio CDN con WordPress y por qué los CDN son con toda probabilidad las mejores estrategias para acelerar WordPress muchos eventos antes del weblog. . Hemos visto lo efectivo que es cuando sus amigos están lejos de su servidor host. Esperamos que esto haya despertado su curiosidad, ya que en el artículo actual crearemos datos de recomendaciones de métodos paso a paso para crear un recurso útil y útil para el CDN en CDN77 y recomendaciones de métodos para optimizarlo adecuadamente. Después de eso, organizaremos un cierto conjunto de complementos en WordPress y veremos si todo funciona bien.

El primer paso en nuestros datos podría ser crear una cuenta CDN77. Sin embargo, si no tiene una cuenta, CDN77 ofrece una prueba gratuita de 14 días. La inscripción sólo toma unos pocos minutos. Luego, crearemos un recurso CDN útil y útil haciendo clic en Crear nuevo recurso CDN útil (en la pestaña CDN). Para el propósito de este contenido de texto, estamos implementando un CDN en un weblog de películas alojado en un centro de datos en Las Vegas.

cdn77-con-wordpress-03

Dado que implementaremos una respuesta HTTPS completa, usaremos el nuevo modelo “HTTPS” con CDN77. Esta propiedad asegura el intercambio de información desde su servidor host al servidor CDN.

Si su sitio se ejecuta en modo SSL, debe crear un recurso SSL de utilidad exclusiva en CDN77. En otros casos, se enfrenta a errores de contenido mixto. Esta forma de error ocurre cuando el navegador está operando en modo SSL e inmediatamente intenta cargar un recurso útil a través de una solicitud HTTP insegura.

cdn77-con-wordpress-04

¿Cómo puedo configurar un SSL con CDN77?

Podemos organizar un certificado SSL gratuito en 2 estrategias. Podemos usar un certificado SSL compartido para cada subdominio en xxx.c.cdn77.org o podemos usar nuestro CNAME privado (ver imagen arriba). A veces recomendamos usar un CNAME como cdn.yoursite.com.

Si elige la respuesta común CDN77, no se requieren pasos adicionales para que el subdominio SSL funcione correctamente.

En este caso organizaremos un CNAME. Esto significa que al usar HTTPS, los materiales de contenido de nuestro sitio web podrían ser accesibles instantáneamente cuando intercambiamos nuestro sitio web con cdn.ourdomain. Con CDN77, la compra de un SSL se realiza con solo unos pocos clics.

¡Mejoralo!

Lo primero que debe tener en cuenta al crear el recurso útil es el menú Configuración completamente diferente. Si desea utilizar HTTPS, asegúrese de que HTTP / 2 esté activado. El aumento de velocidad entre HTTP / 1.xy HTTP / 2 es gigantesco. CDN77 funciona en modo HTTP / 2 de forma predeterminada en su útil recurso HTTPS y reduce su tiempo a la mitad.

Si está utilizando HTTPS, también debe realizar un redireccionamiento 301 para regular las necesidades de Google para HTTPS, habilite el redireccionamiento HTTPS.

Para obtener la máxima eficacia, habilite Ignorar todo en Ignorar cadenas de consulta. Hasta que su sitio funcione con materiales de contenido cargados dinámicamente que deben actualizarse cada hora, es posible que pueda salirse con la suya con las cadenas de consulta e ignorarlas todas, esto mejorará enormemente la caché y la efectividad del sitio.

CDN77 también ofrece una alternativa de caducidad de caché. Si está cargando una gran cantidad de metraje, deberá configurarlo en la configuración más efectiva, que es 12 días.

Con estos datos, consideraremos principalmente la velocidad. Entonces, CDN solo nos proporcionará el contenido de la imagen estática; de lo contrario, todo podría cargarse desde el servidor de origen.

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

Recuerde, en nuestro artículo anterior hablamos sobre cómo la efectividad de CDN puede variar cuando el material de contenido no está en el mercado en el nodo solicitado del grupo CDN. Si el archivo no almacenado en caché es un archivo CSS, tardará más en cargarse y afectaría negativamente su eficacia. Esto puede afectar significativamente la velocidad de representación de su sitio web que si elige no servir CSS con CDN.

Los registros CSS y Javascript son esenciales para que los sitios web se carguen en cualquier navegador, normalmente no deberían estar sujetos a un mecanismo de caché similar al que se usa en las empresas CDN. Sin embargo, probablemente pueda crear un recurso estáticamente útil en la CDN para almacenar estos importantes datos de registro. Este suele ser otro método superior que puede requerir que personalice su WordPress a un nivel anterior al alcance de este tutorial.

Tan pronto como hayamos ajustado todo en consecuencia, vamos a la pestaña del menú Centro de datos.

cdn77-con-wordpress-07

CDN77 ofrece un enfoque útil para permitir / deshabilitar cada nodo en su grupo. El objetivo es elegir cuidadosamente qué nodos es probable que se utilicen más activamente en primer lugar. Es fácil de averiguar, simplemente esté de acuerdo con sus lectores.

Una vez que confirme qué nodos necesita, se le pedirá que desactive los nodos prescindibles. Hay una explicación simple para esto: cuantos más nodos tenga en su grupo, más tiempo llevará reemplazarlos a todos, y entonces su efectividad se verá afectada. Normalmente, a medida que reduce el número de nodos, aumenta la eficacia de la caché. Elija en consecuencia.

Cada vez que prueba la eficacia de su sitio web por primera vez, limpiar y salir adelante probablemente pueda ser útil. Purgar saca un material de contenido específico del grupo CDN. Es útil cuando debe cambiar el material del contenido y borrar la caché para su reemplazo. Prefetch hace lo contrario, alimentará cierto material de contenido en la caché de CDN.

cdn77-con-wordpress-10

Ahora que posiblemente haya configurado esto, probablemente pueda proporcionar su CNAME en su espacio privado. Para hacer esto, es imprescindible crear una regla dentro de la mitad de DNS en su registrador o panel de alojamiento de Internet y poner su cdn.yourdomain.com en CNAME xxx.rsc.cdn77.org, como se confirma en la imagen. Esto le indicará al DNS que redirija a todos los invitados del sitio web en su subdominio a la ubicación exacta en la que deben estar. No se preocupe, no dio ninguna impresión de su efectividad. También sirve para indicar a sus lectores que está viendo una cdn.tudominio.com lo que se ve elegante.

En caso de que decida utilizar la oferta de cdn77.org, no haga nada más que utilizar este contrato cuando cambie los materiales de su contenido en WordPress.

Aspecto de WordPress

Con respecto a WordPress, necesitamos agregar un complemento para que esto funcione correctamente. Usamos CDN Enabler, un útil complemento gratuito. La razón para usar este complemento es simple: prácticamente todos los complementos de CDN no permiten una administración tan granular de las carpetas que envía a la CDN. Este complemento lo hace y es esencial para nuestro caso, ya que no necesitamos incluir ningún dato de registro de JavaScript o CSS, solo las imágenes cargadas.

cdn77-con-wordpress-14

Tan pronto como lo ingrese, encontrará el complemento adecuado aquí …

cdn77-con-wordpress-15

¡Optimicémoslo!

cdn77-con-wordpress-16

¿Recuerdas después de que hablamos de personalización? Aquí está el hecho esencial sobre las recomendaciones sobre métodos para configurar correctamente una CDN en WordPress. La gran mayoría de los complementos de CDN le pedirán que incluya una lista para que la CDN se «replique». Por lo general, suelen aconsejarle que incluya contenido de wp. Esto es excelente para una configuración tradicional, pero no es bueno para su efectividad ya que la carpeta wp-content está llena de otra carpeta muy complicada, la carpeta Plugins and Themes, junto con toneladas de Javascript y CSS Records. Potencialmente perderían su efectividad si no fueran como se describe anteriormente almacenarse en caché.

Entonces, ¿cómo vamos a restaurar eso? Solo estamos incorporando la carpeta wp-content / uploads. ¡Qué respuesta tan sencilla!

Dado que las probabilidades son muy altas, se sorprenderá, pero la gran mayoría de los complementos que se encargan de las CDN no le permitirán probar. Junto con solo esta subcarpeta, su CDN apunta a su carpeta de agregar, es decir, exclusivamente a su metraje.

cdn77-con-wordpress-17

Simplemente actualizando la situación, el CDN puede extraer el contenido por usted. En esta ocasión abrimos una pestaña de desarrollador de Firefox (F12) y miramos la primera imagen. ¡Probablemente pueda ver claramente que el hipervínculo ha sido cambiado y ahora se está cargando inmediatamente desde la CDN en lugar de nuestro servidor host!

Antes y después

¡Veamos cómo resultó todo!

En el anuncio de muestra de la izquierda vemos el tiempo que se tarda en cargar la situación desde Suecia (que está lejos de nuestro servidor anfitrión en Las Vegas, ¿recuerdas?) En el próximo anuncio de programa veremos que la efectividad ha aumentado, el tiempo ha prácticamente reducido a la mitad! Todos los datos importantes del conjunto de datos todavía se cargan desde nuestro servidor en Las Vegas, pero se cargan los datos del conjunto de datos pesados, como las imágenes del nodo en Suecia.

Conclusión

Es de esperar que haya visto un enfoque poderoso para implementar una CDN en su sitio de WordPress. Algunas técnicas no son intrusivas y son similares a estos registros CSS y Javascript que pueden ser fundamentales para la velocidad de carga del sitio web. Ahora puede aprovechar al máximo una CDN y reducir sus desventajas. Esperamos que pruebe la versión de prueba gratuita de CDN y utilice los conceptos de este texto para ver cuándo puede acelerar su sitio de WordPress.