Descripción:
En el mundo en línea cada vez más exigente de hoy, una de las formas más rápidas de atraer clientes y usuarios existentes o potenciales a un competidor es tener un sitio web o una aplicación que no funcione. Con los usuarios cada vez más exigentes, debe asegurarse de proporcionar la mejor experiencia web posible. Esta realidad ha llevado a la optimización del rendimiento a ser una de las disciplinas más importantes en el desarrollo de aplicaciones y sitios web. Las aplicaciones y sitios bien diseñados y de buen rendimiento pueden conducir a mayores tasas de conversión y una mejor experiencia de usuario (UX) en todos los contextos.
En este curso, diseñado para desarrolladores de nivel intermedio con conocimientos de HTML, CSS, JavaScript y tecnologías web en general, se le muestra algunas de las cosas más importantes que puede hacer para aumentar el rendimiento de su web. Como dice el refrán, no puedes arreglar lo que no puedes medir, así que para comenzar, aprenderás las métricas importantes para monitorear y cómo medirlas. También se le muestra cómo establecer objetivos para su contenido web, encontrar problemas que puedan afectar negativamente a UX y aplicar algunas técnicas básicas que mejorarán la percepción del usuario.
Objetivo:
Al final de este curso, habrá aprendido entre otras cosas a: Establecer objetivos de rendimiento modernos para su contenido web. Detectar problemas y cuellos de botella y crear un plan para mitigarlos. Mejorar la experiencia del usuario de su contenido, mejorando las tasas de interacción y conversión. Auditar su sitio web y sus aplicaciones web para ver qué falta y cómo puede mejorar las métricas de percepción.
Temario:
Parte 1. Conceptos básicos de optimización del rendimiento web
Conceptos básicos | Qué es el rendimiento web
Parte 2. ¿Por qué rendimiento web?
El rendimiento web es experiencia del usuario | El rendimiento web como ventaja competitiva | El rendimiento se trata de personas, no de métricas
Parte 3. Métricas y objetivos
Conceptos básicos de rendimiento web | Qué medir
Parte 4. Cómo medir
Uso de prueba de página web | Usando Lighthouse y DevTools | API de rendimiento
Parte 5. Optimizar la red
Manual sobre rendimiento web | Consejos de red
Parte 6. Optimizando JavaScript y CSS
Los costos de JavaScript | Análisis de CSS para el rendimiento web | La guía de hackers del navegador para cargar todo instantáneamente
Parte 7. Optimizar los activos visuales
Consejos para cargar recursos visuales | Imagen del navegador cargando | Carga frontal
Parte 8. Más allá de la optimización básica
Hackear el rendimiento web | Ir más allá
