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
Opiniones del curso
4.8 · 318 opiniones
takeshi hp
@celestialblink·
Genial
Juan Diego Zuluaga Trujillo
@juandiegozuluaga·
Gran curso , muy bien explicado ,ejemplos practicos.
Walther Sanchez Arango
@walter323·
El comprender como funciona el navegador y todo lo que se mueve por debajo para pintar nuestro sitio web, me ayudó a identificar el impacto que tiene cada dependencia y linea de código que implemente en mi programa, como hay técnicas que me ayudan para cada uno de estos casos y mejorar la experiencia de usuario dentro de la página. Excelente curso y excelente docente... Con muchas ganas de Iniciar el curso de WPO optimizacion de páginas en Wordpress.
Omar Rivas
@orivasm44·
El curso esta genial, aprendi muchas cosas aplicables.
Eleva tu aprendizaje
Este curso es parte de estas rutas de aprendizaje
Ruta
Frontend y Backend con Javascript para Desarrollo Web
390 horas
41 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