Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Beneficios de utilizar una CDN en tu proyecto WordPress

450 views

Published on

El objetivo de la ponencia es presentar las diferentes tipologías de CDN que existen, con ejemplos conocidos, y los beneficios que puede aportar su implementación, tanto en rendimiento como en otros campos, en proyectos WordPress de todo tipo, desde un punto de vista sencillo, sin grandes tecnicismos.

Published in: Internet

Beneficios de utilizar una CDN en tu proyecto WordPress

  1. 1. ¿Qué es una CDN?, ¿cómo funciona?, ¿necesito una y cómo incluirla?, bienvenido/a, esta es tu ponencia
  2. 2. Beneficios de utilizar una CDN en tu proyecto WordPress Fernando Puente @fpuenteonline
  3. 3. 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
  4. 4. Objetivo: conocer qué puede aportar una CDN en un proyecto web Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  5. 5. •  Definición •  10 Beneficios •  Otros •  Ejemplo •  No es necesaria Sumario Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  6. 6. 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. Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline 1
  7. 7. De Kanoha - Trabajo propio, CC BY-SA 3.0, https://commons.wikimedia.org/w/index.php?curid=7868809 Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline Content Delivery Network (CDN)
  8. 8. 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) Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline 1
  9. 9. ¡Qué fácil! ¡Ya entendí qué es una CDN y sin tecnicismos! Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  10. 10. 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 Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline 1
  11. 11. •  Definición •  10 Beneficios •  Otros •  Ejemplo •  No es necesaria Sumario Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  12. 12. 1 – Cercanía al usuario Entrega más rápida de los contenidos Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  13. 13. 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. Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline 2.1 * Mediante tecnología Anycast + Enrutamiento por geolocalización
  14. 14. 2 - HTTPS Certificados SSL incluídos Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  15. 15. 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. Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline 2.2
  16. 16. 3- Siempre activo A prueba de caídas Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  17. 17. 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. Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline 2.3
  18. 18. 4 - Minify Menor tamaño de archivos de texto Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  19. 19. 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. Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline 2.4
  20. 20. 5 - Compresión Ficheros de tipo texto comprimidos Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  21. 21. 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+ Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline 2.5
  22. 22. 6- Caché adicional Compatible con otras estrategias de caché Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  23. 23. 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. Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline 2.6
  24. 24. 7 – Ocultar nuestra IP Si no saben donde estoy, menos ataques Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  25. 25. 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. Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline 2.7
  26. 26. 8 – Servicio Anti-DoS Protección contra ataques de denegación de servicio Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  27. 27. •  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. Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline 2.8 Seguridad II: Protección contra ataques de denegación de servicio
  28. 28. 9 - WAF Capa adicional de Firewall Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  29. 29. 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. Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline 2.9
  30. 30. 10 - Menos servidor Libera de trabajos a nuestro servidor Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  31. 31. Menos recursos de servidor •  Menos contenidos a servir. •  Menos servicios activos necesarios. •  Reducción de costes de hosting. Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline 2.10
  32. 32. CDN: configuración estándar Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  33. 33. CDN: configuración optimizada Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  34. 34. •  Definición •  10 Beneficios •  Otros •  Ejemplo •  No es necesaria Sumario Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  35. 35. 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, … Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline 3
  36. 36. •  Definición •  10 Beneficios •  Otros •  Ejemplo •  No es necesaria Sumario Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  37. 37. Ejemplo de setup básico con Cloudflare Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  38. 38. Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  39. 39. Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  40. 40. Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  41. 41. Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  42. 42. Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  43. 43. Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  44. 44. Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  45. 45. Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  46. 46. Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  47. 47. Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  48. 48. Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  49. 49. Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  50. 50. Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline https://support.cloudflare.com/hc/en-us/articles/205177068-Step-1-How-does-Cloudflare-work-
  51. 51. ¿Demasiado bonito? Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  52. 52. •  Definición •  10 Beneficios •  Otros •  Ejemplo •  No es necesaria Sumario Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  53. 53. 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, ….). Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline 5
  54. 54. Ya eres todo un experto en cómo implementar un CDN, ¡aprovéchalo! Beneficios de utilizar una CDN en tu proyecto WordPress – WordCamp Zaragoza 2018 - @fpuenteonline
  55. 55. "Let's be careful out there“ Gracias Fernando Puente @fpuenteonline

×