Aumento de la velocidad del sitio web con Cloudflare (Guía de configuración simple)

Artículo escrito por: Timothy Shim
  • Herramientas Web
  • Actualizado: Jul 07, 2020

¿Qué es Cloudflare?

Cloudflare es más conocido por su Red de distribución de contenido (CDN). Esto ayuda a los sitios web a reducir las velocidades de carga de la página web. La forma principal de hacerlo es mediante el almacenamiento en caché. Sin embargo, Cloudflare también integra varias otras tecnologías para ayudar a mejorar el rendimiento general y la seguridad.

Si es nuevo en Cloudflare, tenga la seguridad de que la configuración predeterminada que obtiene es bastante confiable. Sin embargo, dado que todos los sitios web tienden a configurarse de manera diferente, algunos ajustes pueden obtener mejores resultados.

Esta sencilla guía tiene como objetivo ayudarlo a encontrar la configuración más óptima para su sitio.

Antes de que empieces

Si planea mejorar el rendimiento de su sitio con Cloudflare y esta guía, hágalo de forma gradual. Esto lo ayudará a deshacer más fácilmente cualquier problema potencial que surja de los cambios que pueda hacer.

TL; DR

Para aquellos que no están interesados ​​en una inmersión profunda o tienen pies fríos, solo pueden hacer algunos ajustes menores. Deje la mayoría de las configuraciones predeterminadas y solo verifique lo siguiente:

  • DNS - Solo habilite el proxy para su nombre de dominio y registro WWW. Activar el proxy para cualquier otra cosa puede generar errores, especialmente si el registro apunta a un servidor externo.
  • SSL / TLS - Establecer en COMPLETO
  • Velocidad - Configure Brotli en ON

En caso de que seas nuevo en Cloudflare, aquí tienes todo lo que necesitas saber sobre el producto.

Guía para la configuración de Cloudflare

Panel de control de Cloudflare
La descripción general del panel de control de Cloudflare. Las pestañas ubicadas arriba son las diferentes configuraciones que puede realizar.

Como hay muchas opciones en el panel de control de Cloudflare, solo abordaré aquellas que necesitan atención específica. A menos que su sitio requiera lo contrario, deje cualquier otra cosa en la configuración predeterminada.

1. DNS

Una vez que haya cambiado sus servidores de nombres a Cloudflare, esta pestaña debe rellenarse automáticamente a partir de sus registros.

Normalmente no debería tener que cambiar la configuración aquí. Sin embargo, le recomiendo que configure su nombre de dominio y registro WWW en Proxied. Estos son generalmente los A y la Registros CNAME.

Para cambiar el estado del Proxy, haga clic en la nube gris. Una vez que se aproxima, el ícono de la nube debería volverse naranja. Habilitar proxy para esos ayudará a enmascarar los orígenes de su servidor.

2. SSL / TLS

Resumen - Si bien no es realmente útil para aumentar el rendimiento de su sitio, una configuración incorrecta aquí puede tener efectos no deseados. Específicamente, a menos que sepa lo que está haciendo, usar el modo 'Completo (estricto)' puede hacer que su sitio deje de funcionar. A menos que tenga una razón para no hacerlo, configure esta opción en 'Completo' y déjelo así.

Certificados de borde - Active 'Usar siempre HTTPS', 'Reescrituras automáticas HTTPS'. Esto último es particularmente útil si se encuentra con problemas con su estado SSL debido a errores de contenido mixto.

3. Cortafuegos

Cortafuegos de Cloudflare
La sección Firewall le permite ver eventos y establecer reglas personalizadas.

La sección Cortafuegos se usa principalmente para personalizar la seguridad de su sitio. Recomiendo que si desea utilizar las Reglas de Firewall, observe primero su tráfico web por un tiempo. A medida que avanza, pronto notará lo que parece sospechoso o no.

Si cree que ciertas direcciones IP o rangos de direcciones IP son sospechosas, puede intentar bloquearlas agregando una regla. Agregue la dirección IP e incluya una acción para tomar si alguien de la IP intenta acceder a su sitio. A menos que esté seguro de que es malicioso o un bot, configure la acción en 'Desafío'.

Lea también: 6 cosas que debes hacer para asegurar tu sitio web

4. Velocidad

Por supuesto, esta sección será de mayor interés para la mayoría de los usuarios. Desafortunadamente, contiene algunas opciones pagas. Aún así, algunas opciones son útiles dependiendo de cómo esté ejecutando su sitio.

Si eres usando AMP luego habilite AMP Real URL. Esto lo ayudará a evitar mostrar a sus visitantes móviles extrañas URL AMP-ed. AMP tiende a agregar algunas extensiones extrañas a sus URL y habilitar esto soluciona ese problema.

Brotli ayuda con la compresión, así que asegúrese de habilitar eso. Cargador de cohetes Por otro lado, técnicamente suena bien, pero creo que tiende a causar problemas, especialmente con los sitios de WordPress.

La minificación es, por supuesto, increíble, pero el uso depende de cómo esté configurado en su sitio. Si ya está ejecutando la minificación de código con su sitio, no lo habilite aquí. La minificación es buena, simplemente no duplique la función.

Lea también: 8 consejos para acelerar su sitio web

5. Almacenamiento en caché

El almacenamiento en caché correcto debería funcionar "tal cual", pero hay algo que debe usar de vez en cuando. Si realiza cambios en su sitio y nota que aún no se muestra en línea, venga aquí y purgue su caché.

6. Red

De forma predeterminada, HTTP / 2 debe activarse, pero si nota que no lo está y está apagado, enciéndalo. HTTP / 3 es teóricamente mucho mejor así que si la opción está disponible, pruébela. Es más rápido y más confiable que HTTP / 2 mientras conserva las buenas características.

Lea también: 7 herramientas para probar el estrés de su sitio web

7. Escudo de raspado

Lo único que hay que tener en cuenta aquí en los planes gratuitos es Protección Hotlink. Si bien en teoría parece fácil, a menudo necesita un poco de ajustes en su proveedor de alojamiento web antes de que funcione correctamente. La mayoría de las veces causará más dolores de cabeza de lo que vale.

En lugar de usar esto, te recomiendo que configures protección hotlink a nivel de servidor.

8 Aplicaciones

Esto es útil en muchos casos, pero la forma más destacada creo que encaja si está utilizando un sitio de WordPress. Estos dependen en gran medida de los complementos para ampliar las características, lo cual es excelente, pero también aumenta la carga del servidor.

En lugar de ejecutarlos en su servidor, utilice las aplicaciones de Cloudflare. Hay una buena cantidad de ellos disponibles para casi todo, desde admitir pagos de PayPal hasta aplicaciones completas de la tienda en línea.

Reflexiones finales: toma un poco de todo

Hay varias escuelas de pensamiento cuando se trata de mejorar el rendimiento del sitio web. Algunos se centran mucho en TTFB, mientras que otros pueden buscar reducir el uso de recursos u optimizar el sitio de otras maneras.

Personalmente, creo que para obtener realmente una luz verde en el rendimiento, debe trabajar en un poco de todo. La mayoría de los ajustes de mejora del rendimiento le brindan pequeños aumentos a la velocidad o la eficiencia.

Solo combinándolos obtendrás resultados verdaderamente satisfactorios. Sin embargo, diré que un CDN como Cloudflare lo ayuda a recorrer un largo camino en un solo paquete. Aparte de esto, a lo que debe prestarle mucha atención es a su proveedor de alojamiento web.

Esto es algo que no puedes controlar después de registrarte. Debido a eso, investigar un poco más puede ahorrarle mucho estrés cuando se trata de velocidad de respuesta del servidor o cualquier otra cosa en la que confíes en tu proveedor de alojamiento web.


Descargo de responsabilidad:  La información presentada en este artículo se presenta al mejor conocimiento del autor. Bajo ninguna circunstancia el uso de esta guía será base para reclamos de responsabilidad contra el autor o el sitio (s) en el que se publica la información.

Acerca de Timothy Shim

Timothy Shim es escritor, editor y experto en tecnología. Comenzando su carrera en el campo de la tecnología de la información, rápidamente encontró su camino en la impresión y desde entonces ha trabajado con títulos de medios internacionales, regionales y nacionales, incluidos ComputerWorld, PC.com, Business Today y The Asian Banker. Su experiencia se encuentra en el campo de la tecnología tanto desde el punto de vista del consumidor como desde el de la empresa.