Beneficios de utilizar una CDN en tu proyecto WordPress

¿Qué es una CDN?,
¿cómo funciona?, ¿necesito
una y cómo incluirla?,
bienvenido/a,
esta es tu ponencia

Beneficios de utilizar una
CDN en tu proyecto
WordPress
Fernando Puente
@fpuenteonline

BIO
@fpuenteonline - Informático de vocación y de profesión,
formador ocasional y beginner de comer y beber.
Llevo 21 años trabajando en TI, los últimos 11 en medios de
comunicación online y desde 2007 con plataformas WordPress.
Consultor y colaborador de SiteGround, Consultor para La
Estrategia de Chapman y formador para no técnicos.
Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
0

Objetivo: conocer qué
puede aportar una CDN
en un proyecto web

•  Definición
•  10 Beneficios
•  Otros
•  Ejemplo
•  No es necesaria
Sumario

Content Delivery Network (CDN)
Red de entrega de contenidos: red de centros de servidores
que están distribuidos por todo el mundo y que tienen una
copia del contenido estático de tu sitio web.
Una CDN no es un servicio de hosting, es un servicio
añadido; siempre necesitarás de un hosting para tu web.
1

De Kanoha - Trabajo propio, CC BY-SA 3.0, https://commons.wikimedia.org/w/index.php?curid=7868809
Content Delivery Network (CDN)

Cómo funciona
Tras la primera solicitud de un contenido, la red de servidores
almacena una copia del contenido.
Dependiendo de la localización del visitante sirve la información
desde el servidor más cercano, mejorando la rapidez y eficacia al
entregar los contenidos desde la menor distancia.
Dos tipos de CDN (se pueden combinar):
-  Tipo DNS o por delante de tu web (con tu mismo dominio)
-  Tipo Storage o almacenamiento (distinto nombre de dominio)
1

¡Qué fácil!
¡Ya entendí qué es una
CDN y sin tecnicismos!

Proveedores de CDN
•  Cloudflare
•  KeyCDN
•  Photon de Jetpack (CDN sólo de imágenes)
•  StackPath (antiguo MaxCDN)
•  CDN77
•  Amazon CloudFront
•  Fastly
•  Incapsula
•  Akamai
•  Transparent CDN
1

1 – Cercanía al usuario
Entrega más rápida de
los contenidos

Entrega más rápida
•  Servidores situados a lo largo de todo el mundo.
•  El sistema determina el punto más cercano al usuario*
•  Más cercanía = entrega de contenidos más rápida.
•  Mejor UX. SEO: menor tiempo de carga.
2.1
* Mediante tecnología Anycast + Enrutamiento por geolocalización

2 - HTTPS
Certificados SSL
incluídos

Disponer de HTTPS
•  Comunicación segura con los usuarios, sin necesidad de
certificado en tu servidor.
•  Capacidad para forzar la comunicación a HTTPS.
•  Reescritura a HTTPS.
•  Manejar tus certificados en la CDN.
2.2

3- Siempre activo
A prueba de caídas

Servicio siempre activo
•  Protección frente a caídas del servidor, sirviendo desde la CDN la
última versión estática de nuestros contenidos hasta que se
recupere nuestro servidor.
•  Sólo para contenidos estáticos y ciertas páginas (más visitadas).
•  Frente a una caída de un centro de datos de la CDN, el tráfico es
reenviado a otra.
2.3

4 - Minify
Menor tamaño de
archivos de texto

Minify de nuestro código
•  Reduce el tamaño del código fuente: HTML, CSS y JS.
•  Menos acciones necesarias en nuestro servidor.
•  Posibilidad de concatenarlos.
2.4

5 - Compresión
Ficheros de tipo texto
comprimidos

Compresión
•  Aplica compresión Gzip o Deflate a nuestros archivos en función
del navegador del cliente.
•  Menos acciones necesarias en nuestro servidor.
•  Algunas incorporan compresión Brotli, hasta un 26% de mejora
sobre los algoritmos habituales:
§  Google Chrome: Chrome 49+
§  Mozilla Firefox: Firefox 44+
§  Opera: Opera 36+
2.5

6- Caché adicional
Compatible con otras
estrategias de caché

Compatible con otras estrategias
de caché
Estrategia adicional y transparente a:
•  Caché de navegador (puede modificar dinámicamente las
cabeceras).
•  Reverse proxy.
•  Caché de servidor.
•  Caché de base de datos.
•  Caché de objetos.
2.6

7 – Ocultar nuestra IP
Si no saben donde
estoy, menos ataques

Seguridad I: Ocultar la IP real del
servidor
•  Nuestro dominio es servido por la IP que asigna la CDN,
ocultando nuestra IP real de nuestro servidor.
•  El dominio es redirigido a la CDN en la configuración DNS.
•  Menos posibilidades de ataque directo al servidor.
2.7

8 – Servicio Anti-DoS
Protección contra
ataques de denegación
de servicio

•  La infraestructura de la CDN, mucho mayor que la de nuestro
servidor, soporta grandes cantidades de tráfico.
•  Capa adicional inteligente para prevenir ataques masivos.
2.8
Seguridad II: Protección contra
ataques de denegación de
servicio

9 - WAF
Capa adicional de
Firewall

Seguridad III: WAF
•  Capa adicional de firewall (reglas).
•  Protección adicional contra ataques XSS e intentos de inyección
SQL a nuestro sitio web.
•  Bloqueo de IP’s maliciosas frente a comportamientos no
deseados.
2.9

10 - Menos servidor
Libera de trabajos
a nuestro servidor

Menos recursos de servidor
•  Menos contenidos a servir.
•  Menos servicios activos necesarios.
•  Reducción de costes de hosting.
2.10

CDN: configuración estándar

CDN: configuración optimizada

Otros beneficios
•  Balancear carga entre nuestros servidores.
•  Geoposicionar a los usuarios.
•  Redirecciones.
•  Transcodificación/recodificación de video.
•  Redirigir tráfico móvil.
•  Protección contra el hotlinking.
•  Servicio DNS.
•  Protección contra bots.
•  Optimización de imágenes.
•  Server PUSH, …
3

Ejemplo de setup
básico con
Cloudflare

https://support.cloudflare.com/hc/en-us/articles/205177068-Step-1-How-does-Cloudflare-work-

¿Demasiado bonito?

No es necesaria una CDN
•  Intranets o entornos privados o accesibles por VPN.
•  Proyectos donde no tenga presencia geográfica la CDN.
•  Sitios con poco o ningún contenido estático.
•  Muy pocos usuarios.
•  Servicios machine-machine (web services, API, ….).
5

Ya eres todo un
experto en cómo
implementar un CDN,
¡aprovéchalo!

"Let's be careful out there“
Gracias
Fernando Puente
@fpuenteonline

Beneficios de utilizar una CDN en tu proyecto WordPress

Beneficios de utilizar una CDN en tu proyecto WordPress

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Beneficios de utilizar una CDN en tu proyecto WordPress

Semelhante a Beneficios de utilizar una CDN en tu proyecto WordPress (20)

Mais de Fernando Puente

Mais de Fernando Puente (20)

Último

Último (6)

Beneficios de utilizar una CDN en tu proyecto WordPress