Las transiciones rápidas de páginas son clave para la forma en que los usuarios perciben el rendimiento de tu app web progresiva (AWP). Las transiciones deben ser ágiles, incluso en redes lentas.
Recomendaciones
Para encontrar transiciones de páginas lentas, navega por la app web con una red lenta simulada. Para hacerlo en Chrome, sigue estos pasos:
[comentario]: <> (Los primeros dos elementos de la lista son de un código corto de web.dev, pero no se tradujo del inglés a ningún idioma).
1. Presiona Control+Shift+J (o Command+Option+J en Mac) para abrir las Herramientas para desarrolladores.
2. Haz clic en la pestaña Red.
3. En la lista desplegable Regulación, selecciona 3G lenta.
Cada vez que presiones un vínculo o botón en la app, comprueba que la página responda de inmediato de dos maneras:
- La página pasa inmediatamente a la siguiente pantalla y muestra una pantalla de carga mientras se espera contenido de la red.
- En la página, se muestra un indicador de carga mientras la app espera una respuesta de la red.
Si trabajas en una app de una sola página renderizada por el cliente, haz la transición del usuario a la página siguiente de inmediato y muestra una pantalla preliminar. Asegúrate de mostrar de inmediato el contenido que ya esté disponible, como el título o la miniatura de la página, mientras se carga el resto del contenido.