Es Content Delivery Network, pero eso no afecta para nada la explicación.
Entendiendo el rendimiento
Todo lo que aprenderás sobre optimización web
¿Vale el esfuerzo optimizar un sitio web?
¿Cuándo realmente un sitio es rápido o lento?
Antes de optimizar...
Aprendiendo a medir
User Performance Metrics
Nuestro proyecto
Crítical Rendering Path
Etapas de render del navegador
Network waterfall y recursos que bloquean el navegador
Priorización de recursos
Preloading y prefetching de recursos
Fases Paint y Layout del Critical Render Path
CSS
Detectando Paints costosos y optimizando animaciones
Bloqueos y complejidad en selectores
WebFonts
WebFonts y su impacto en redimiento
Imágenes, Iconos y SVG
Imágenes, formato y compresión
Imágenes y compresión
¿WebFont, Imagen o SVG?
Técnicas avanzadas con Lazy Loading
Técnicas avanzadas con Responsive Loading
Aplicaciones JavaScript
JavaScript y aplicaciones modernas y Utilizando un servidor de producción
Analizando el bundle de la aplicación
Reduciendo el tamaño del bundle
Code Splitting
Lazy Module Loading
Llevando los listeners a otro nivel
Instalando Modal video
Lazy loading del modal
Moviendo la carga de rendering hacia el servidor: Server Side Rendering
Aplicando SSR
Pre-renderizando el contenido: Static Generation
Caché
Cómo funciona el Caché de recursos y CDN
Deploy en Netlify y automatización de contenido en GitHub Actions
Aplicando Github Actions
Interceptando los requests del navegador con Service Workers
Performance Budget
Performance budget y auditorias automatizadas
Automatizando una auditoría con Lighthouse CI
Medidas reales y monitoreo constante
Conclusiones
Conclusiones
Aún no tienes acceso a esta clase
Crea una cuenta y continúa viendo este curso
Crear cuenta
Si ya tienes una cuenta,
Iniciar sesión
Cómo funciona el Caché de recursos y CDN
31/38Recursos
Aportes 6
Preguntas 2
Ordenar por:
🕷️ Cómo funciona el Caché de recursos y CDN
<h4>Ideas/conceptos claves</h4>CDN viene de Content Delivery Network, nos ayuda a poner servidores distribuidos por todo el mundo
latencia es el tiempo de ida y vuelta de un cliente hacia el servidor
<h4>Apuntes</h4>- Redes Distribuidas ⇒ CDN
- Cuando tenemos nuestros sitios web, ese navegador se está conectando a un servidor que está en otro lugar
- Con ayuda del servidor, el navegador sabe cuándo ha cambiado la información
- Los servidores tienen diferentes métodos para indicar que el contenido cambio
- Como ser HTTP 304 ⇒ El contenido no ha cambiado
- ETAG
- Headers del navegador para dar un tiempo de vida para manejar el tiempo de vida
- Cuando únicamente tenemos un servidor, podemos tener un cliente bastante lejos del mismo eso significara que tomara más tiempo que uno que esté más cerca del cliente
- CDN se encarga de este tipo de operaciones para mejorar la velocidad de carga
- Eso nos ayuda a reducir la latencia
RESUMEN: Podemos mejorar el tiempo de carga de nuestros sitios utilizando un CDN de tal forma que se pueda encontrar un servidor lo más cerca posible del usuario para mandarle la información y reducir la latencia
Latino América No tiene servidores 😭
Resumen
Son redes distribuidas por el mundo que nos ayudan a optimizar nuestras paginas.
Sera por eso que en el reproductor de platzi hay server A, B y C? 🤔
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.