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 rendimiento
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
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 7
Preguntas 2
Es Content Delivery Network, pero eso no afecta para nada la explicación.
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>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
Sera por eso que en el reproductor de platzi hay server A, B y C? 🤔
Memoria Caché es un componente de hardware o software que guarda datos para que las solicitudes futuras de esos datos se puedan atender con mayor rapidez. Generalmente, da velocidad de acceso mas rápido a la información porque es mas fácil la lectura de esta que volver a calcular un resultado o leer desde un almacén de datos mas lento como un disco duro.
|
De esta manera, se llama caché web a la memoria que almacena documentos web para reducir el ancho de banda consumido, la carga de los servidores y retardos en la descarga. Este almacena copias de los documentos que pasan por él, de forma que subsiguientes peticiones puedan ser respondidas mas rápidamente.
|
Tipos de cachés web:
|
CDN (Content Delivery Network) es una red formada por un grupo de servidores distribuidos geográficamente que trabajan juntos para ofrecer una entrega rápida de contenido de Internet. la CDN no aloja contenido y no puede reemplazar la necesidad de un alojamiento web adecuado. Pero en su lugar ayuda a almacenar en caché el contenido en el perímetro de la red, lo que mejora el rendimiento
|
¿Cuáles son los beneficios de utilizar una CDN?
Latino América No tiene servidores 😭
Son redes distribuidas por el mundo que nos ayudan a optimizar nuestras paginas.
👌
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.