55 2623 1118
contacto@comosellama.com.mx

07/09/2020

Cómo hice que mi sitio de WordPress sea más rápido y seguro con Cloudflare sin gastar ni un peso

La mejor forma de tener una página de internet rápida es contratando un mejor hosting. Pero a veces, por presupuesto o porque duele el codo hay que buscar otras opciones.

Hace poco noté que uno de mis blogs era lentísimo. Uso Siteground de hosting y tengo Shortpixel para las imágenes.

Como esta página todavía no está ganando dinero, no quería gastar en WP Rocket o ningún plugin de caché.

Así que opté por usar un CDN gratuito: Cloudflare

Cloudflare es un CDN gratuito. Eso lo ha convertido en uno de los favoritos de los blogueros.

¿Por qué usar un CDN?

La idea detrás de un “Content Delivery Network” o CDN es tener una red de servidores distribuidos por el mundo.

Un CDN sirve para que tus usuarios reciban el contenido de un servidor más cercano

Cuando alguien se mete en a tu página desde Estados Unidos se conectan a un servidor en Estados Unidos y cuando entran en Timbuktú, se conectan a un servidor en Timbuktú (o lo más cercano posible).

Cuando usas un CDN te proteges de ataques DDOS, que es cuando varias computadoras intentan entrar a tu página al mismo tiempo y saturan a tu servidor.

Esta es una de las formas más comunes que tienen los hackers de atacar un sitio.

La mayoría de los proveedores de hosting te limitan el bandwidth o ancho de banda, aunque digan que no. Siteground, por ejemplo, dice que tengo bandwidth ilimitado pero una vez al mes recibió un correo de que ya me “pasé” de mi límite.

Cuando usas un CDN, reduces el ancho de banda utilizado y con eso, las probabilidades de que tu hosting haga más lenta tu página. Tómala Siteground.

Y finalmente, la razón número 1 por la que todos probamos con un CDN es porque hace que tu página sea más rápida.

¿Por que Cloudflare?

Cloudflare es gratuito.

Pero por si necesitarás más convencimiento:

  • No necesitas nada más. Solo una página de internet.
  • Tiene más de 200 servidores alrededor mundo.
  • Cloudflare tiene un dashboard fácil de usar y de entender
  • Es el CDN más popular del mundo

Todo esto sin contar los beneficios que todos los CDNs tienen.

Cómo instalar Cloudflare en tu sitio WordPress

Todos los proveedores de hosting son diferentes pero más o menos, el proceso es el mismo.

Dentro de Cloudflare

El primer paso es abrir una cuenta con Cloudflare . Así que si no tienes una cuenta, da click en el link e inscríbete.

Una vez adentro, haz click en “+ Add a site” y agrega el dominio de tu página de internet.

En el siguiente paso escoge el plan que prefieras. Si no tienes mucho tráfico o si nunca has probado un CDN, escoge gratis.

De hecho, pensándolo bien, siempre escoge gratis. Este es el plan que funciona para casi todos. Si después necesitas algo más, siempre puedes cambiar tu plan.

En la siguiente pantalla, Cloudflare te va a pedir que revises tus DNS.

Dependiendo de tu hosting y dominio, podrían estar en el panel de tu Dominio (como con GoDaddy) o en el panel de tu Hosting (como con Siteground).

En este paso, solo tienes que verificar que los registros de Cloudflare corresponden a tu página de internet. Los registros que quieres que pasen por Cloudflare tienen que tener la nubecita naranja.

Los que no quieres que pasen por Cloudflare, normalmente los correos (MX Records), tienen que tener la nubecita gris o no tener nube.

Ahora solo tienes que cambiar tus nameservers.

Cloudflare es un servicio que está entre tu servidor de hosting y tus visitantes

Diagrama por Flavio Copes : https://flaviocopes.com

Lo que vamos a hacer es apuntar tu dominio a Cloudflare y Cloudflare a tu hosting.

Si todo sale bien, tu página no se va a caer ni un segundo. Lo único que podría salir mal es que hagas el redireccionamiento mal.

Las preferencias de Cloudflare

En Clouflare puedes escoges que tipo de SSL necesitas. Forzar el HTTPS, minificar Javascript, CSS y HTML y muchos otras preferencias.

Pero a mi parecer, si tienes WordPress es más fácil hacerlo con el plugin oficial.

Instala el plugin oficial de Cloudflare en tu sitio, está en el repositorio de WordPress. El plugin tiene algunas ventajas sobre el dashboard de Cloudflare:

  • Purgar el caché sin salirte de tu página
  • Reglas especificas para WordPress
  • Ver analytics sin salir de tu página

Para conectar el plugin a tu cuenta, necesitas una llave API y el email con el que te diste de alta en Cloudflare.

Tu llave API se encuentra en tu perfil (arriba a la derecha) después haz click en API Tokens, Global API y ver API Key.

Copia la llave y pégala en el campo de API de Cloudflare., agrega tu email y haz click en guardar.

Ahora ya podrás usar las opciones de Cloudflare desde tu sitio.

SSL

Cloudflare tiene 4 tipos de certificado SSL:

  • Off - Sin encriptación
  • Flexible - Solo se encripta del navegador a Cludflare
  • Full - Conexión encriptada de fin a fin
  • Full (strict) - Conexión encriptada pero necesitas un certificado de Cludflare o de un CA (autoridad certificadora). Es lo más seguro

Dependiendo de si tu proveedor de hosting te da un certificado SSL (en GoDaddy lo tienes que comprar aparte) o si prefieres crear n certificado desde Cloudflare puedes usar diferentes tipos de encriptación.

Lo más seguro es Full estricto pero también es que más fácil hace que se caiga tu página - siempre por una mala configuración. Si por alguna razón no funciona, intenta en flexible. Yo he encontrado que a veces esto resuelve muchos problemas.

Hay otras dos preferencias que te recomiendo cuidar de una vez.
✅ Siempre usar HTTPS
✅ Reescribir automáticamente HTTPS

Esto es para garantizar que siempre salga el candado verde. La primera siempre reenvía tu tráfico a una dirección HTTPS y la segunda permite que no tengas contenido mixto.

Velocidad

Seguramente esta es la razón por la que decidiste instalar Cloudflare - y ellos lo saben.

Necesitas una suscripción para la mayoría de los cambios pero aún en la versión gratuita vas a ver muchos beneficios.

Autominify

Clouflare minifica tu Javascript, HTML y CSS automáticamente. Esto lo podrías hacer con un plugin pero Cloudflare lo hace gratis

Brotli

Esta es una forma de comprimir tu sitio. No todos los exploradores son compatibles pero cuando un explorador no puede usar Brotli va a usar Gzip.

De todas maneras, lo mejor es activarlo.

Otras

Las siguientes preferencias son solo premium:

  • Resize images
  • Polish Pro - optimización de imágenes
  • HTTP/2
  • Mirage - Otra optimización de imágenes
  • Rocket Loader - Carga el javascript asíncrono

Firewall

Cloudflare tiene un firewall incluido que permite 5 reglas. Por ejemplo, podrías bloquear IPs, Bots o países.

En sus planes profesionales tienen más opciones pero no son necesarios.

Network

En Network no hay mucho que modificar. Solo asegúrate que tu sitio este en HTTP/2 y HTTP/3. Esto asegura que tu conexión sea más segura además de que optimiza un poco el protocolo.

De acuerdo con Cloudflare, HTTP/2 puede reducir el tiempo de carga en 50%

Problemas con Cloudflare

Si en tu hosting ya tenías un certificado SSL y acabas de agregar Cloudflare podrías tener un problema de redirecciones. Para arreglarlo, cambia el modo SSL de cloudflare de flexible a completo (full).

Otro problema, podrá ocurrir si quieres hacer cambios en tu página. Hay dos formas de solucionarlo. Si solo hiciste un cambio y quieres ver los resultados, solo tienes que purgar el caché.

Si vas a hacer varios cambios, lo mejor es poner tu sitio en “development” esto significa que lo estás desarrollando y que no quieres que Cloudflare haga una copia de caché hasta que termines.

Estas dos opciones las puedes seleccionar desde tu plugin o desde el dashboard.

Cómo sé si mi sitio ya está usando Cloudflare

Recuerda que tu página no se cae ni sufre ningún cambio cuando pasa a Cloudflare. Esto hace que sea más difícil saber si tu página ya está usando el CDN o no.

Hay dos formas de checar si tu sitio ya está usando Cloudflare, después de instalarlo.

El certificado de Google

En tu navegador haz click en el candadito al lado de tu dirección.

Ahi te va a aparecer, la información del certificado de tu sitio. Si en el certificado se menciona Cloudflare significa que ya estás usando sus servidores.

Revisando el DNS

Otra forma de revisar si estás usando Cloudflare es revisando la propagación del DNS.

Métete a DNS Checker y revisa tus nameservers. Si ya se ha hecho el cambio aparecerán los nameservers de Cloudflare, si no se ha hecho el cambio aparecerán los de tu servidor actual.

Conclusión

Cloudflare puede acelerar tu sitio y hacerlo mucho más seguro pero tienes que cuidar la configuración. Al ser gratuito, no está de más agregar tu sitio para ver los beneficios que puedes tener de un CDN.

Cómo se llama

Somos una agencia de diseño web en la Ciudad de México.


Queremos que tu página te haga ganar dinero. Lo hacemos combinando marketing y diseño
CONTACTO