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:21 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:13 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:58 min - 27
Optimización de Carga de Modales con Lazy Loading en Webpack
13:25 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:51 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
Opiniones del curso
4.8 · 293 opiniones
Santiago Perozo
@santiagoDev·
A pesar de ser un curso de hace unos cuantos años ya, la gran mayoría de las técnicas de optimización siguen siendo muy relevantes y nos fomenta esa mentalidad de siempre medir el performance de nuestros productos, buscando cumplir con los estándares de la mayoría de nuestros usuarios
Jean Pierre Giovanni Arenas Ortiz
@Bitpierre·
Muy buen curso. Recomendado. Gracias al profesor por compartir sus conocimientos.
Daniel Lopez
@danilocha·
La utilidad que tiene todo el curso en proyectos reales es increible
Cristian Gomez
@cristiangm3·
Excelente curso, muy completo en cuanto a contenido.
Eleva tu aprendizaje
Este curso es parte de estas rutas de aprendizaje
Ruta
Frontend y Backend con Javascript para Desarrollo Web
390 horas
40 Profes
¡Aprende Frontend, Backend y Full Stack Development con referentes en la industria y profes del Team Platzi!
Ruta
Librerías y Dependencias de JavaScript con NPM
81 horas
15 Profes
¡No reinventes la rueda! Aprende a implementar paquetes y dependencias de JavaScript con NPM para agilizar tu desarrollo de proyectos como frontend developer.
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender