Métricas de Experiencia de Usuario: LCP, FID y CLS
Contenido del curso
Antes de optimizar...
Crítical Rendering Path
- 7
Entendiendo el Critical Rendering Path en Navegadores Web
11:11 min - 8
Optimización de JavaScript para mejorar rendimiento web
10:53 min - 9
Priorización de recursos CSS para mejorar rendimiento web
11:50 min - 10
Optimización de Carga de Recursos con Preload, Prefetch y Preconnect
10:36 min - 11
Optimización de Animaciones CSS para Mejorar el Renderizado
02:35 min
CSS
WebFonts
Imágenes, Iconos y SVG
- 15
Optimización de Imágenes para Web: Formatos y Herramientas Efectivas
15:32 min - 16
Optimización de Imágenes para Web: Uso de Tamaños y Formatos Adecuados
05:20 min - 17
Comparación entre WebFonts y SVG: Ventajas y Desventajas
08:58 min - 18
Lazy Loading de Imágenes: Técnicas y Estrategias Efectivas
10:14 min - 19
Carga Adaptativa de Imágenes con Gatsby y Web API
04:12 min
Aplicaciones JavaScript
- 20
Optimización de JavaScript para Producción Web
11:20 min - 21
Análisis y Optimización de Bundles con Webpack
11:25 min - 22
Optimización de Bundles en Proyectos Web con Webpack
17:14 min - 23
Code Splitting con Webpack: Optimización de Bundles en Proyectos Web
06:31 min - 24
Lazy Loading de Videos con JavaScript y Modales
21:44 min - 25
Event Propagation y Filtrado de Eventos en JavaScript
17:24 min - 26
Integración de Librerías en Proyectos JavaScript
14:57 min - 27
Optimización de Carga de Modales con Lazy Loading en Webpack
13:24 min - 28
Renderizado en Cliente vs. Servidor: Diferencias y Funciones
08:44 min - 29
Implementación de Server Side Rendering en NodeJS
19:41 min - 30
Optimización de Sitios con Static Site Generation
15:51 min
Caché
- 31
Funcionamiento de Caché y Redes de Distribución de Contenido (CDN)
05:50 min - 32
Configuración y despliegue de sitios web con Netlify y Github Actions
09:03 min - 33
Automatización de despliegues con Github Actions y Cron en Netlify
09:25 min - 34
Implementación de Caché con Service Workers en JavaScript
14:04 min
Performance Budget
Conclusiones
Métricas de Experiencia de Usuario: LCP, FID y CLS
