Cómo configurar Amazon CloudFront con W3 Total Cache / WP Super Cache

¿Le gustaría configurar un CDN con su sitio de WordPress, pero no está seguro de Max CDN? ¿Estás enamorado de Amazon Web Services? En este tutorial cubrimos exactamente cómo configurar Amazon CloudFront con Cache Total y WP Super Cache. Usar un CDN es una excelente manera de reducir la velocidad de cargar su sitio de WordPress en todo el mundo, y CloudFront es una de las mejores y más baratas opciones completas. Antes de comenzar con cualquiera de los complementos, deberá registrarse para obtener una cuenta de AWS y crear una distribución de CloudFront. 1. Regístrese en AWS Lo primero que debe hacer es registrarse en una cuenta de Amazon Web Services. Simplemente acceda a su sitio web y cree una cuenta. El proceso es completamente simple, casi idéntico a cualquier otro proceso de registro en línea para un servicio en línea.
Lo mejor es que si se registra por primera vez, es elegible para un año completo de servicio gratuito, incluido CloudFront, hasta cierto punto. Para sitios de alto volumen, puede quemarlos rápidamente, pero para sitios más pequeños puede llevarlo todo el año. 2. Configure una distribución de CloudFront Después de que se haya registrado, conéctese a “su consola” en el AWS. Luego haga clic en CloudFront en “Entrega de almacenamiento y contenido”.

Ahora haga clic para crear distribución.

Ahora debe hacer clic en el botón “Inicio” debajo de la sección web, no en la sección RTMP. RTMP es para crear un CDN para la transmisión de medios

Todo lo que tiene que hacer aquí es solo ingresar la URL de su sitio CloudFront guardará automáticamente sus archivos en su sitio cada vez que se les solicite por primera vez.

Básicamente, esta es la configuración completa que necesita para su distribución de Cloudfront, a menos que desee que su URL de archivo se vea elegante. Si desea agregar un CNAME para la URL de los archivos proporcionados por CDN para que se vea más hermoso, puede hacerlo. Pero también tendrá que configurarlo desde el panel de DNS o el panel del servidor, por ejemplo CPanel. Ahora pasemos a la fácil integración de CloudFront con WordPress W3 Total Cache. Hay dos maneras de hacer esto. La primera modalidad utiliza la función de espejo genérico y es extremadamente fácil de configurar. La segunda opción utiliza la configuración W3TC personalizada para CloudFront y es un poco más sofisticada y requiere más tiempo para la configuración. 3. Configure CloudFront con el caché W3 total (Cale 1) Lo primero que debe hacer (después de instalar el complemento, si aún no lo ha hecho) es ir a la configuración W3TC general. Seleccione el espejo genérico y guarde todas las configuraciones.
Ahora regrese a la consola AWS y mire sus distribuciones de Cloudfront. Copie todo el nombre de dominio para su distribución.

Ahora todo lo que tiene que hacer es volver a la configuración W3TC desde el tablero del administrador de WordPress, esta vez especialmente para CDN, y copiar e insertar la URL de distribución y guardar la configuración.

Si actualiza su sitio, debería ver ahora que su navegador está dibujando archivos desde CDN. Confirme que funciona abriendo una imagen en una nueva pestaña y verificación si la URL muestra que CDN proporciona. Esto es rápido y fácil de configurar Cloudfront con W3TC. Si desea hacer esto en el modo recomendado, deberá configurar las credenciales de IAM en AWS.3.5 Configurar CloudFront con W3TC (ruta # 2) Como se mencionó anteriormente, hay varias formas de configurar AWS con W3TC. La segunda modalidad utiliza credenciales de AWS IAM para comunicarse de ida y vuelta entre AWS y su sitio a través de una API.

Esto asegura que los archivos se agregan a CloudFront a medida que se cargan o se actualizan, en comparación con el hecho de que se extraen en el CF solo la primera vez que se solicitan desde su sitio web. Si está dispuesto a poner algo más en el trabajo para configurarlo correctamente, esta es la ruta a seguir. Ve a la consola de AWS. Haga clic en “Gestión de identidad y acceso” en la sección “Seguridad e identidad”.
Después de estar allí, haga clic en “Crear el usuario”.

Ahora debe crear una política adecuada para su nuevo usuario de IAM. Puede hacer esto utilizando el generador de políticas de AWS. Si desea que su usuario tenga acceso solo a CloudFront y solo desea que acceda y modifique una distribución existente. Entonces esta es la información que debe proporcionar. Si no le importa ofrecer acceso completo a CloudFront con credenciales, no debe crear una nueva política. Puede usar la política preexistente de CloudFrontullAccess para su usuario.

Si desea la política personalizada, finalice la generación y cree una nueva política llamada CloudFront-User o algo más. Ahora mire la presentación general de su política, busque su política, seleccione y haga clic en el archivo adjunto.

Entonces, todo lo que tiene que hacer es adjuntar la política del usuario que creó. Ahora puede tomar las credenciales del usuario y usarlas con W3TC. Regrese al tablero de WP y acceda a la configuración W3TC general. Desplácese hacia abajo a CDN, luego seleccione Amazon CloudFront.
Ahora vaya a la configuración específica de CDN e ingrese las claves de acceso y secreto para el usuario de IAM que ha creado anteriormente. Esto proporcionará acceso W3TC a su distribución CloudFront por API.

Ahora, solo tiene que copiar una pasta en la primera parte de la URL de distribución, que está antes de CloudFront.net. Y logró configurar CloudFront con W3TC en modo recomendado. 3. (complemento alternativo) Configure CloudFront con WP Super Cache Si prefiere usar WP Super Cache para sus proyectos de WordPress, no tenga miedo. Todavía puede implementar fácilmente CloudFront con el complemento elegido.

Después de instalar WP Super Cache, todo lo que tiene que hacer es acceder a la configuración de Super Cache WP y copiar e insertar a la URL de distribución de CloudFront. Luego active CDN y guarde su configuración.

Actualice la página y debería poder ver que su sitio extrae contenido de CDN en lugar de su servidor normal. Nuevamente, puede verificar esto abriendo una imagen en una nueva pestaña y mirando la URL. Aunque puede parecer que la configuración con WP Super Cache es mucho más fácil en este tutorial, su configuración como espejo genérico es solo un paso más largo con W3TC. La diferencia es que W3TC también acepta un enfoque integrado que utiliza la AWS API, haciéndolo un poco más flexible, en comparación con su simple adición como un espejo y dejar que CloudFront haga su propio trabajo para obtener los archivos.. Conclusión La configuración de un CDN es una de las mayores victorias para mejorar la velocidad de cargar su sitio web. Si tiene muchos visitantes de todo el mundo, puede eliminar segundos de tiempo de carga para las personas que están muy lejos de su servidor normal. Entonces, aunque puede parecer complicado al principio, es prácticamente obligatorio que cualquier propietario del sitio de WordPress siga estos pasos y configure Cloudfront como un CDN para su sitio. Si no se ha registrado para AWS, incluso obtendrá el primer año gratis (es posible que no dure todo un año si tiene un volumen justo de visitantes que van a su sitio) ¿Ha configurado con éxito Cloudfront con W3TC o WP Super Cache? Por favor, háganos saber en los comentarios.