¿Qué es Cloudflare? Tutorial para acelerar la velocidad de tu blog

0
107

Cómo acelerar tu blog con cloudflare

En este post te relación como he conseguí disminuir el tiempo de carga de mi blog de guisa drástica con Cloudflare ¿quieres entender cómo lo he hecho y cuáles han sido los resultados?

Pero por otra parte, se comercio de una completo tutorial de Cloudflare en gachupin con el que sabrás qué es Cloudflare y con el que paso a paso aprenderas a configurarlo y utilizarlo.

Andaba un tiempo detrás de conectar mi blog a Cloudflare para conseguir “aligerar” los tiempos de carga y la verdad es que el resultado entre el antaño y el luego ha sido muy bueno.

Ahora correctamente, antaño de permanecer debes incluso tener en cuenta que:

  • Cloudflare no es por si mismo la decisión a una web lenta
  • Es necesario transigir a lado otras acciones como norma común
  • Debes entender correctamente qué es lo que estás haciendo para evitar problemas graves
  • Debes contar y analizar

En mi caso el uso de esta aparejo no es la única energía que llevo a lado para cargar más rápido mi blog, sino que previamente optimizo imágenes con el uso de herramientas como TinyPNG, uso el plugin Wordfence para la cache y así servir más rápido las imágenes entre otras acciones.

Estas acciones las considero básicas y las puedes repasar en este post que escribía con 17 ajustes básicos para WordPress.

Qué es Cloudflare

La principal característica, y por la que me decidí a su uso para acelerar este blog, es la de ser un CDN.

Un CDN, simplificando mucho su definición, es:

Una red de servidores distribuidos por el mundo que alojan copias de tu blog y que la suministrarán a aquellas peticiones más cercanas desde uno de estos servidores.

Esa distribución geográfica de sus servidores es poco que incide directamente en ceñir el tiempo que alguno al otro flanco del océano tarda en cargar tu página si lo hace desde un servidor más cercano en su propio continente.

Los tiempos de suministro desde cualquier servidor en el mundo son prácticamente imperceptibles en microsegundos, ahora correctamente, un blog o una web requiere de muchas peticiones y envíos de datos para cargarse por completo, a anciano número de peticiones más tiempo es necesario en la suma del total de esas peticiones.

Luego, la diferencia entre un servidor cercano o retirado sí importa cuando al final sumamos muchas peticiones y envíos.

Cloudflare tiene 102 centros de datos repartidos por todo el mundo permitiendo guardar un 65% de solicitudes y un 60% de orondo de pandilla a tu propio servidor que tengas contratado con tu hosting.

El uso de este CDN por otra parte tiene otras fantásticas ventajas entre las que se encuentran:

  • Genera copias de tu contenido asombrado que sirve evitando el uso de tu servidor
  • Te mantiene seguro evitando spam y ataques DDOS así como interrupción por IP entre otras funciones
  • Evita que alguno en su web utilice tus imágenes alojadas en tu servidor (hotlink)
  • Mantiene tu blog siempre online aunque el servidor de tu hosting se haya caído puesto que copia por inalterable tu web para mostrarla en esos casos
  • Mensaje de analíticas

Y lo mejor de todo es que lo indicado está acondicionado en su plan central de forma gratuita.

Empieza por contar

Ayer de principiar a usar esta aparejo te recomiendo contar los tiempos de carga de tu web para tener datos reales y poder analizar los resultados comparándolos con los que teníamos previamente.

Por supuesto una vez puesto en marcha, y sin ninguna otra optimización extra, es necesario retornar a contar los tiempos para analizar la fiabilidad evitando cualquier posible distorsión.

Para contar los tiempos de carga de tu web o blog puedes usar cualquiera de los métodos que José Facchin indica en este guay post para hacer un test de velocidad de carga a tu web.

En mi caso he usado el test de velocidad de Pingdom que te permite conocer los tiempos de carga desde servidores relativamente cercanos y por otra parte proporciona información acerca del número de peticiones.

Igualmente te muestra cómo y cuánto tiempo tardan en ejecutarse cada una de esas peticiones. Se comercio de una información muy útil para por ejemplo entender si la carga de un plugin está ralentizando más de la cuenta la carga común de tu blog.

Analiza con Pingdom los tiempos de carga de los elementos de tu blog o web

Usar Pingdom es tan dócil como introducir la URL de tu blog y clasificar entre las diferentes opciones de servidores disponibles desde dónde queremos que mida la velocidad.

Estos eran mis resultados antaño de conectar Cloudflare:

Captura de ramgon.es en pingdom antes de usar cloudflare

Como puedes apreciar el tiempo de carga alcanzaba los 4 segundos (lo recomendable es no exceder los 3 segundos) y las peticiones eran 200, aún así mi blog sin implementar Cloudflare ya era más rápido que el 40% de todos los testeados.

Tutorial de Cloudflare: cómo conectar tu blog o web paso a paso

Paso 1- Agrega tu sitio web o blog

Lo primero de todo es registrarte en su web, no te llevará cero de tiempo y es asaz sencillo.

Una vez hecho el registro y el login, introduce el dominio de tu web y se iniciara un escaneo de las DNS actuales de tu dominio

Aplazamiento a que acabe y se te muestre un yema para continuar en el que deberás hacer clic.

Registra tu dominio en Cloudflare

Paso 2 – Verifica los registros DNS

En la ulterior página se te mostrará una tabla con todas las DNS que se han incompatible para tu dominio y que en ese momento están siendo utilizadas.

En teoría deben estar todas y no tienes por qué añadir cero a las mostradas así que debajo vuelves a hacer clic a continuar aceptando las DNS.

Paso 3 – Selecciona tu plan gratis

En la ulterior pantalla se te muestran los diferentes planes de CDN que puedes contratar, marca la opción “Free Website” y haz clic en “continue”.

Selecciona el plan gratuito

A continuación te llevará a un cuarto paso del proceso, la página secreto puesto que contiene los “nameservers” de Cloudflare que deberemos utilizar para sustituir los que estemos usando con nuestro dominio.

Paso 4 – Cambia los “nameservers” de tu dominio

Como decía es un paso secreto, sin el que no es posible utilizar Cloudflare, pues sólo así estaremos redirigiendo el tráfico por este CDN.

En este paso lo que haremos será tomar los “nameservers” que nos indica Cloudflare e introducirlos en nuestro hosting, para que así nuestro hosting dirija correctamente todos los datos de nuestro sitio por los servidores personalizados que nos ofrece esta aparejo.

El método para cambiar los “nameservers” puede variar dependiendo del servicio de dominio o empresa de hosting que tengas contratado. Te voy a mostrar como lo hago en mi propio hosting que tengo contratado dónde incluso tengo mi dominio.

Mi hosting es Host Fusión, 100% gachupin, especializado en WordPress, te recomiendo contratarlo si estás buscando un hosting, no sólo por lo competitivos que son los precios de sus planes incluyendo el dominio de forma gratuita, sino por el trato y servicio de soporte, he metido la pata alguna vez y han sido muy rápidos y atentos en solucionarme el problema, eso lo valoro mucho.

Una vez adentro de tu proveedor de Hosting:

  1. Ir al apartado dominios y hacer clic sobre el dominio.
  2. Dirigirse a la pestaña/sección “nameservers”.
  3. Marcar la opción “Usar namerservers personalizados”.
  4. Pegar los “nameservers” que nos proporciona Cloudflare (los tuyos no tienen por qué ser iguales a los míos).
  5. Cambiar “nameservers”

cambiar namervers en host fusion

Una vez hechos todos los pasos vuelve a Cloudflare y haz clic en el yema de la última página mostrada confirmando que ya has cambiado los “nameservers”.

En la ulterior página te darán la enhorabuena indicándote que el proceso se ha completado, eso sí, no seas impaciente, para que tenga huella el cambio puede tardar hasta 24 horas en estar eficaz.

Tutorial de Cloudflare: configuración

Son muchas las opciones de personalización, voy a indicarte las que yo he implementado a lo abundante de este tutorial de Cloudflare en que te voy mostrar como configurar cada una de las funcionalidades que nos ofrece.

Overview

En la parte superior se mostrará una mostrador de un tono azulado que modo de menú muestra cada una de las páginas o secciones de configuración de la plataforma, por defecto se te mostrará “overview” que es una forma rápida de ver un recopilación de la información más destacada de la configuración elegida para tu dominio.

Contiguo al nombre de tu dominio apreciarás una mostrador en color verde, eso significa que tu dominio está perfectamente eficaz y correctamente configurado sin problemas.

Adicionalmente, ajustado debajo se muestra “Status active” y a la derecha la posibilidad de accesos rápidos “Quick Actions” a dos configuraciones:

  • “Under Attack Mode”: muy útil marcar esta opción si nuestra web está sufriendo un ataque DDOS, de este modo se mostrará un mensaje de advertencia a nuestros usuarios.
  • “Development Mode”: esta opción nos permitirá deshabilitar el cacheo de nuestra web o blog para aquellas situaciones en las que estemos haciendo cambios de cualquier tipo y necesitemos verlos en tiempo actual.

En el ulterior coalición se muestra un recopilación de las configuraciones de tu dominio que afectan a:

  • Seguridad
  • Cacheo
  • “Zone Id”

Haciendo clic en cualquiera de ellas accederás a la sección apropiada para cambiar su configuración.

Analytics

En esta sección podrás tener golpe a todos los datos de analíticas que te proporciona Cloudflare, pudiendo nominar por analizar diferentes períodos de tiempo hasta un mayor de un mes antes.

En un primer coalición de analíticas podrás ver:

  • “Requests”: se muestran todas las peticiones diferenciando por cacheadas y no cacheadas.
  • “Bandwith”: orondo de pandilla total consumido, de nuevo se diferencia entre el proveniente de peticiones que utilizan la cache y aquellas otras que no.
  • “Unique Visitors”: total de visitantes únicos recibidos, así como los picos de máximos visitantes y mínimos en el período de tiempo definido.
  • “Threats”: número total de ataques y procedencias de los mismos.
  • “Rate Limiting”: muestra las limitaciones a peticiones, en caso de que hayas configurado algún tipo de limites.

Analíticas de Cloudflare

En un segundo coalición llamado “Performance” se nos da alguna información mediante gráficas sobre el comportamiento del uso de servidores, orondo de pandilla ahorrado y el tipo de formatos de contenido servido.

En “Security” podemos ver datos acerca del total de ataques detenidos, el tráfico servido desde SSL o el tipo de ataques que se han parado.

Por postrero en el coalición “Geography” podemos visualizar de donde viene el tráfico y las fuentes de los ataques.

DNS

Como previamente ya hemos justo correctamente las DNS en teoría la configuración que se nos muestre deberá ser la correcta.

DNS

Ten en cuenta que aquellas DNS que se muestren con el logo de una estrato naranja atravesada por una flecha son las que se servirá desde este CDN.

Crypto

En esta sección podremos ajustar el nivel de oculto.

En mi caso tengo seleccionado el nivel “Flexible” y activo el certificado SSL compartido que te proporciona Cloudflare de forma gratuita.

Crypto

Igualmente tengo activas las opciones “Opportunistic Encryption” y “TLS 1.3”.

Firewall

Aquí puedes fijar la configuración del cortafuegos que te proporciona frente a ataques.

En mi caso el nivel favorito es “high” (suspensión).

Firewall

Igualmente podemos indicar el tiempo que un heredero tiene golpe a nuestra web, mostrándole una indicación de confirmación de seguridad para evitar visitas maliciosas.

Y por postrero, incluso existe la posibilidad de aplicar reglas de coalición por IP o país entre otras opciones.

En mi caso no he tenido aún que hacer uso de estas opciones pero si ves tráfico sospechoso es bueno hacer uso de esta utilidad.

Speed

Podrás configurar algunos parámetros que afectaran de forma directa a la velocidad de carga.

En el coalición “Coche Minify” puedes ceñir el tamaño del código de tu CMS.

Te recomiendo tener traumatizado minificar en los tres tipos de código:

  • Javascript
  • CSS
  • HTML

Sección Speed en Cloudflare

El resto de opciones son todas para planes de suscripción, indemne en el caso de “Rocket Loader” que incrementa la velocidad de carga de una página.

En mi caso tengo marcada esta opción en “Automatic”

Caching

Esta es una de las secciones de configuración más interesantes con algunas de las funciones más efectos.

Son estas cuatro funciones las que tienes que tener en cuenta:

  • “Caching Level”: establece el nivel de cacheo para tu sitio, por defecto mantenlo activado en “standard”.
  • “Browser Cache Expiration”: podrás fijar el tiempo que permanecen los contenidos en cache para tus visitantes, de ese modo reducirás los tiempos de carga y el tráfico. Yo lo tengo fijado en 5 días, pero si en tu caso tiendes a hacer modificaciones cada día te recomiendo que lo ajustes a un valía de unas horas.
  • “Always Online”: los servidores siempre se caen en algún momento, la activación de esta función permite que se muestre una copia de tus páginas a tus visitantes mientras esta caído tu blog o web.
  • “Development Mode”: tal y como te comentaba antaño, si están realizando cambios necesitarás activar este modo mantenimiento para verlos en tiempo actual.

Caching

Page Rules

Con las reglas de página podrás aplicar configuraciones específicas a aquellas páginas que desees.

Algunos ejemplos de reglas que puede aplicar:

  • Nivel de Cache
  • Ofuscación de email
  • Siempre Online

Para esta interesante función en el plan gratis sólo dispondremos de la opción de aplicar estas reglas a tres páginas.

Network

En esta sección podrás configurar algunos parámetros de conexiones con la red de tu blog.

Tengo activadas las siguientes opciones:

  • “IPv6 Compatibility”
  • “WebSockets”

  • “IP Geolocation”

Traffic

Podrás controlar y manejar tu tráfico así como revisar los eventos detectados por el cortafuegos.

En esta sección no es necesaria configuración.

Customize

Se comercio de una sección orientada a planes de suscripción en la que por ejemplo se puede personalizar los mensajes que se muestran a los visitantes.

Apps

Internamente de esta sección tendrás opción de vincular tu cuenta con otros servicios.

Scrape Shield

Por postrero, esta sección incluso resulta interesante por la protección que nos ofrece para evitar el robo de nuestro contenido mediante técnicas de “scrapping”.

Scrape Shield

Las tres opciones disponibles te las recomiendo tenerlas siempre activadas:

  • “Email Address Obfuscation”: evitas que tu dirección de email sea ilustrado y tomado por cualquier bot para ser incluido en cualquier pulvínulo de datos con el fin de cobrar spam.
  • “Server-side Excludes”: oculta determinados contenidos a visitantes sospechosos.

  • “Hotlink Protection”: esta protección evita que imágenes alojadas en tu blog se muestren sin tu consentimiento en otros sitios desde tu propio servidor. De este modo evitas el uso del orondo de pandilla de tu servidor de estas malas prácticas causadas principalmente en el plagio de contenidos.

Una última apreciación más de configuración, una vez ya estés trayendo tráfico a tu web a través de Cloudflare debes tener en cuenta que todas las visitas te llegarán desde IP´s del propio servicio, no las reales, luego perderías toda la analítica.

Para evitarlo es tan sencillo como configurar y usar, o correctamente el plugin wordPress de Cloudflare, o correctamente el propio apartado que otro plugin como W3 Total Cache incluye.

Ambas opciones permiten resolver no sólo el problema de las IP sino por otra parte incluyen la posibilidad de visualizar y administrar las opciones de este CDN sin salir de nuestro panel de sucursal de WordPress.

Los resultados tras optimizar mi blog con Cloudflare

Y tras todo el tutorial de Cloudflare llega la hora de la verdad, la de comprobar cómo ha afectado su uso a la velocidad de carga de mi blog.

Para ello vuelvo a usar Pingdom y estos son los resultados obtenidos:

Tiempos de carga de ramgon.es usando cloudflare

Como puedes apreciar la diferencia es significativa, el tiempo de carga se ha escaso a más de la centro, bajando incluso de los 2 segundos, pero por otra parte hay una reducción importante en las peticiones.

Con estos datos y según los registros de Pingdom mi blog es más rápida que el 73%.

Conclusiones

En definitiva, se comercio de una excelente aparejo tal y como has podido comprobar principalmente por tres razones:

  • Es de gorra
  • Facilidad de uso
  • La enorme cantidad de beneficios que aporta

Sin duda es una forma muy directa de obtener una mejoría sustancial en la rápidez de carga de tu blog.

Pero ten incluso en cuenta otros factores como los servidores del hosting que tengas contratado, el theme o los propios tipos de contenidos que tengas alojados entre otros.

Contiguo a otras acciones, Cloudflare te puede hacer ceñir tu tasa de resurtida y e incluso afectar a un mejor posicionamiento por parte de Google.

¿Y tú estás utilizando ya esta aparejo?

Si no lo estás usando aún, ahora que sabes qué es Cloudflare ¿te he convencido?

Este artículo a sido creado por el ulterior sitio web: Source link

Comments