Lo que pude notar mas relevante es que con SSR tarda menos tiempo en “Scripting”, y tiene mucho sentido con la explicación del profe 😅
Entendiendo el rendimiento
Todo lo que aprenderás sobre optimización web
¿Vale el esfuerzo optimizar un sitio web?
¿Cuándo realmente un sitio es rápido o lento?
Antes de optimizar...
Aprendiendo a medir
User Performance Metrics
Nuestro proyecto
Crítical Rendering Path
Etapas de render del navegador
Network waterfall y recursos que bloquean el navegador
Priorización de recursos
Preloading y prefetching de recursos
Fases Paint y Layout del Critical Render Path
CSS
Detectando Paints costosos y optimizando animaciones
Bloqueos y complejidad en selectores
WebFonts
WebFonts y su impacto en rendimiento
Imágenes, Iconos y SVG
Imágenes, formato y compresión
Imágenes y compresión
¿WebFont, Imagen o SVG?
Técnicas avanzadas con Lazy Loading
Técnicas avanzadas con Responsive Loading
Aplicaciones JavaScript
JavaScript y aplicaciones modernas y Utilizando un servidor de producción
Analizando el bundle de la aplicación
Reduciendo el tamaño del bundle
Code Splitting
Lazy Module Loading
Llevando los listeners a otro nivel
Instalando Modal video
Lazy loading del modal
Moviendo la carga de rendering hacia el servidor: Server Side Rendering
Aplicando SSR
Pre-renderizando el contenido: Static Generation
Caché
Cómo funciona el Caché de recursos y CDN
Deploy en Netlify y automatización de contenido en GitHub Actions
Aplicando Github Actions
Interceptando los requests del navegador con Service Workers
Performance Budget
Performance budget y auditorias automatizadas
Automatizando una auditoría con Lighthouse CI
Medidas reales y monitoreo constante
Conclusiones
Conclusiones
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Aplicando SSR
29/38Recursos
Aportes 5
Preguntas 1
Ordenar por:
Ahh ya veo, ahora me entraron ganas de aprender tambien de Backend con NodeJs, no le estaba tomando enserio hasta ahora.
PD: Me gusta como maneja el profe los comando de Git, ojala pueda utilizarlos de esa igual forma mas alla de push/commit/add/pull
Por si necesitan copiar los commits Depronto les funcione en la terminal presionar las teclas ctrl + mayus + c para copiar y ctrl + mayus + v para pegar
PD: digo depronto porque en mi terminal funciona no se si en la de ustedes les funcione
Para ver la source de la pagina lo pueden hacer con ctrl + u
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?