Si no tienes tiempo para verla, a continuación, se ofrece un repaso rápido de los cuatro aspectos en los cuales se debe hacer hincapié al intentar crear una experiencia web móvil excelente:
Aceleración
La expresividad siempre ha sido una virtud de la Web. Sin embargo, esa expresividad a veces puede subsistir a expensas de aspectos como el tiempo de carga o la fluidez en el desplazamiento. Por ejemplo, los receptores de eventos permiten a los desarrolladores crear efectos de desplazamiento personalizados para sus sitios web, pero pueden producir bloqueos cuando Chrome debe esperar que un controlador táctil se cierre para desplazar una página. Con la nueva
API de receptores de eventos pasivos les hemos restituido el control a los desarrolladores, quienes ahora pueden indicar si planean controlar el desplazamiento o si permiten a Chrome aplicarlo de inmediato.
La velocidad, a su vez, trasciende los beneficios en la experiencia del usuario. A través de
estudios, se ha demostrado que el 40 % de los usuarios abandonan un sitio de venta minorista si tarda más de 3 segundos en cargarse. A fin de lograr que los usuarios puedan acceder de inmediato a páginas web de respuesta ultrarrápida, presentamos
Accelerated Mobile Pages (AMP). Con AMP, hemos visto que las páginas se cargan a una velocidad 4 veces superior y usan una cantidad de datos 10 veces menor. AMP ya tiene un alto nivel de adopción entre los desarrolladores. Hay más de 640 000 dominios con páginas AMP.
Atracción
Las aplicaciones web progresivas (PWA) permiten a los desarrolladores aprovechar nuevas tecnologías para brindar a los usuarios una experiencia atractiva desde el primer momento. Gracias a una nueva API llamada Service Worker (proceso de trabajo de servicio), todos los elementos importantes de una aplicación web pueden almacenarse en caché para cargarse al instante la próxima vez que un usuario la abra. Este almacenamiento en caché también permite a los desarrolladores continuar brindando una experiencia rápida y significativa cuando el usuario no está conectado o dispone de una red que no es confiable. Las PWA también proporcionan elementos de acabado: un icono que los usuarios pueden agregar a sus pantallas de inicio, una pantalla presentación para la apertura y una experiencia de pantalla completa sin barra de direcciones.