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 · 322 opiniones
Mateo Arbelaez Cataño
@editeo12·
me gustaria que tuviese un poco de enfoque tambien en wordpress, para optimizar tambien con PHP, no solo CSS JS y HTML, tambien creo que por el volumen de paginas que hay en Wordpress deberia tener un pequenno segmento
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.
Sebastian Duque Restrepo
@sebastianduquerestrepo·
Excelente muy buena base teórica para comprender las optimizaciones en la web
Eleva tu aprendizaje
Este curso es parte de estas rutas de aprendizaje
Ruta
113 Cursos
Frontend y Backend con Javascript para Desarrollo Web
390 horas41 Profes
¡Aprende Frontend, Backend y Full Stack Development con referentes en la industria y profes del Team Platzi!
Ruta
27 Cursos
Librerías y Dependencias de JavaScript con NPM
81 horas15 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