Nivel Avanzado
38 clases
7 horas de contenido
20 horas de práctica
Optimiza sitios web con técnicas avanzadas de optimización, incluyendo Server-side Rendering y Static Site Generation. Aprende a utilizar herramientas como Netlify y GitHub Actions para automatizar despliegues y auditorías de rendimiento.
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
Profes del curso
Conoce quién enseña el curso
Jonathan Alvarez
Tech Lead en Litentry
Tech Lead en Litentry
4.8 · 328 opiniones
Luis Lira
@Luis_LiraC·
Excelente curso. Conocí muchísimas cosas que me pueden servir para crear mejores sitios, además, la parte de crear SSG fue muy interesante.
Diego Alejandro Osorio Escobar
@Diegoalesco95·
Excelente curso, todo lo enseñado permite aplicarlo a proyectos propios y de esta forma mejorar el rendimiento. Todo fue muy bien explicado.
Ciro Villafraz
@cvillafraz·
Buen curso, donde se explican las mejores prácticas para mejorar el performance
Adrian Daniel Sanchez Manrique
@adridan92·
Las técnicas y las cosas que puedes optimizar son geniales y el profesor las explica super bien
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender
