🔖 Repositorio del proyecto
jonalvarezz/platzi-optimizacion-web
👨🏫 Diapositivas del curso
SlidesWebPerformance.pdf
🤔 ¿Vale el esfuerzo optimizar un sitio web?
Ideas/conceptos claves
Performance. - el referente a la velocidad de carga
La optimización web tata de las personas
Apuntes
- Amazon descubrió que cada 100 milisegundos de latencia les cuesta 1% de las ganancias
- Amazon gano los 2019 280 billones de dólares
- El 50% de usuarios que están en sitios móviles van a dejar el sitio web si tarda 3 segundos en cargar
<aside>
📌 RESUMEN: Mientras más rápido sea un sitio web, se tendrá mayores beneficios para el que propone el sitio web, entre ellos esta una mejor experiencia de usuario
</aside>
🚗 ¿Cuándo realmente un sitio es rápido o lento?
Ideas/conceptos claves
RAIL es un modelo de rendimiento centrado en el usuario que proporciona una estructura para pensar en el rendimiento. El modelo desglosa la experiencia del usuario en acciones clave (por ejemplo, tocar, desplazarse, cargar) y le ayuda a definir objetivos de rendimiento para cada uno de ellos.
Apuntes
Rail Model
- Response ⇒ Tiempos ideales en las cuales las acciones de nuestras páginas web deberían responder
- Animation ⇒ Animaciones que el sitio web realiza
- Idle ⇒ Tiempos muertos del navegador como ser cargar recursos que no son necesarios al momento
- Load ⇒ Cuando tarda un sitio en cargar, una vez que el usuario ingrese a la URL del sitio
Tiempos de carga recomendados
- Entre 0 a 300 milisegundos son perfectos 😄
- desde 1000 milisegundos son buenos 🙂
- Cuando tarda más de 1500 milisegundos ya el usuario percibe que está pasando algo malo 😐
- luego de los 2 segundos todo es malo 🤨
<aside>
📌 RESUMEN: Cuando tenemos un sitio web lo importante es tener un límite que no exceda los 3 segundos de carga
</aside>
📏 Aprendiendo a medir
Apuntes
lo que no se mide, no se mejora
- Rail Model:
- Centrado en el usuario
- Métricas de rendimiento basadas en la experiencia de usuario
Entregar el contenido y ser interactiva en menos de 5 segundos