Tengo una duda, ¿Por que este cambio es mas optimo que el primer foreach ya que en esta ocasión se estan generando mas operaciones?, y no solo eso estamos escuchando todos los clicks dentro de todo el document
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 5
Preguntas 0
Tengo una duda, ¿Por que este cambio es mas optimo que el primer foreach ya que en esta ocasión se estan generando mas operaciones?, y no solo eso estamos escuchando todos los clicks dentro de todo el document
me pareció la idea al profesor de lo que quiere hacer con el event delegation que toda una vida es mejor , pero porque hacer el event listener tan general ? , mi opinión es que se podria haber aplicado al cuadro donde esta los cards , al menos para el proposito de este proyecto , pero depronto omito algun detalle importante , entonces si saben pueden dejarlo en los comentarios 😀
Una observacion, se que este modulo es intermedio a avanzado, pero noto que los videos son largos y el numero de videos tambien mayor a la media que creia en unos de 2x , esto hace cansado de avanzar y desalienta un poco, en lo personal me gustan mas lo cursos que tienen videos no tan largos y que no sean tantos videos por el curso. Solo es una observacion, el curso esta bueno pero como que el formato esta desalentador de tomar
Para entrar al menú como en el min 5:48 en chrome devtools:
CTRL Ó CMD + SHIFT + P
Pd: si no sale nada borrar el “>” que esta en el inicio.
👌
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?