
¿Qué es la velocidad y por qué es importante el rendimiento de nuestras aplicaciones web?

¿Cuál es la velocidad de builds de Vue 3 comparado con otras soluciones del mercado?

¿Cuál es el tamaño medio de las builds de Vue 3 comparado con otras soluciones del mercado?

¿Cuál es la velocidad media de scripting, renderizado y pintado de aplicaciones Vue 3?

El valor de la velocidad en las métricas de negocio y sus implicaciones

¿Cómo el rendimiento afecta en la conversión?

Problemas de rendimiento más comunes en proyectos Vue 3

¿Cómo medir el rendimiento y saber si existen problemas en nuesros proyectos Vue 3?

¿Qué soluciones podemos llevar a cabo para garantziar velocidad?

Introducción a PageSpeed Insights

Introducción a WebPageTest

Configuración de Chrome Devtools para obtener un panel de performance

Análisis de rendimiento a través de la extensión de Vue DevTools

Introducción a LightHouse CI

Introducción al uso de Web Vitals

Introducción al concepto de LCP (Largest Contentful Paint) y cómo optimizar

Introducción al conpecto de CLS (Cumulative Layout Shift) y cómo optimizar

Introducción al concepto de FID (First Input Delay) y cómo optimizar

Introducción al concepto de carga perezosa

La implicación del ciclo de vida de los componentes de Vue 3 en el rendimiento de la aplicación

Carga perezosa de componentes y rutas en Vue 3

Trabajando con la caché

Evitando Deep Object Watchers en Vue 3

Haciendo uso restringido de Object.Freeze en Vue 3

IntersectionObserver

Evitendo getters funcionales en Vue 3

Introducción a la optimización de imágenes y vídeo en proyectos Vue 3

Carga perezosa de imágenes y vídeo

¿Cómo escoger la compresión adecuada de imágenes?

Herramientas para compresión de imágenes

Uso de imágenes WebP

Principales problemas de rendimiento en el uso de GIFs

¿Cómo servir imágenes responsive y con dimensiones correctas?

Optimización de tareas de alta duración

Optimización a la hora de priorizar recursos y precarga de éstos

Precarga de assets críticos de nuestro proyecto

Optimización según calidad de red del usuario

Precarga de recursos para navegaciones futuras del usuario

Introducción a la optimización de CSS

Minificación de CSS y extracción de CSS críticos

Optimización de recursos de terceros en proyectos Vue 3

Introducción a la optimización de fuentes

Optimización de fuentes durante la carga y renderizado

¿Cómo informar acerca de las métricas y evangelizar una cultura de rendimiento?