En Chrome Dev Summit 2019, Google anunció nuevas herramientas para que los desarrolladores mejoren la experiencia del usuario, reduzcan los tiempos de carga y aumenten la seguridad en la web.
Hace dos décadas, Google comenzó como un motor de búsqueda web, pero hoy domina la forma en que experimentamos e interactuamos con la web. La Búsqueda de Google, en sí misma, controla la mayor parte del uso en línea, pero otros productos como el navegador más popular del mundo... Google Chrome – así como el sistema operativo móvil más utilizado – Android – ha puesto a Google a la cabeza entre otros actores de la web. El porcentaje de usuarios que se conectan a Internet mediante dispositivos móviles ha aumentado y también lo ha hecho el énfasis del gigante de Internet en reducir los tiempos de carga para garantizar la permanencia. amplificador o páginas móviles aceleradas fue un paso que tomó Google para garantizar una carga más rápida de las páginas web. El año pasado, también introdujo un elemento web conocido como "Portales" para optimizar el cambio "sin interrupciones" entre páginas web.
Con la visión de "hacer desaparecer la carga", Google anunció hoy nuevas herramientas para desarrolladores en el Cumbre de desarrolladores de Chrome 2019 para hacer que la web sea más segura y fácil de usar y, al mismo tiempo, mejorar las posibilidades de ayudar a los desarrolladores a aumentar su base de usuarios y sus ingresos.
Portales
Google demostró el progreso que Portales ha hecho desde que lo lanzaron en Google I/O a principios de este año y lo implementaron detrás de una bandera en Chrome Canary. Para refrescar su memoria, Portals permite a los desarrolladores incrustar cierto contenido o páginas web completas en otra página web como si fuera un iframe. Para eliminar cualquier tiempo de espera, el contenido dentro del Portal o el marco se carga mientras los usuarios aún navegan por la página web inicial.
Google ha compartido un ejemplo del servicio de venta de entradas de películas Fandango en el que la página de inicio de una película en particular (bufón en el ejemplo) está vinculado dentro de un Portal. Cuando un usuario toca Joker, la siguiente página aparece ya completamente cargada.
Paquetes web
Google está anunciando Paquetes web que se creó para ayudar a los desarrolladores web a compartir su contenido web con otros a través de una variedad de medios, incluidos, entre otros, correo electrónico, USB o FTP. Los desarrolladores podrán almacenar en caché de manera efectiva todo el contenido web destinado a compartirse mediante API como Sincronización periódica en segundo plano y Indexación de contenido y luego renderizar selectivamente el contenido requerido incluso si el usuario final no está conectado a Internet. Para permitir que los desarrolladores web utilicen esta funcionalidad, Google ofrece paquetes web disponibles detrás de una bandera de Chrome, mientras que las dos API estarán disponibles como ensayos de origen.
Experiencia web nativa
Si bien es consciente de que muchos usuarios utilizan sus teléfonos móviles para conectarse a Internet, Google también reconoce los patrones de uso entre dispositivos en todo el mundo. Durante más de un par de años, Google ha estado impulsando Aplicaciones web progresivas (PGA) como sustituto de las aplicaciones nativas de Android con el objetivo de reducir el tiempo de carga y el consumo de datos.
[ancho de vídeo="390" alto="800" mp4=" https://static1.xdaimages.com/wordpress/wp-content/uploads/2019/11/Login_OTP_Flow_Swiggy.mp4"]
Para alinear las aplicaciones en la web con las aplicaciones nativas, Google anuncia tres nuevas funciones para desarrolladores. Estos son:
- Receptor de SMS, que permitirá que las aplicaciones web obtengan códigos de autenticación basados en SMS tal como lo hacen las aplicaciones. En el vídeo de arriba, puede ver cómo la versión web de Swiggy, un servicio de pedidos de comida india, sugiere al usuario aprovechar el código de verificación recibido por SMS.
- Selector de contactos, que permitirá a los usuarios cargar contactos en aplicaciones web de manera similar a compartir contactos en aplicaciones de mensajería como WhatsApp.
- API del sistema de archivos nativo, que otorgará a las aplicaciones web el permiso y la posibilidad de leer archivos y carpetas desde el dispositivo de un usuario y guardar los cambios directamente. Las posibles aplicaciones de esta función pueden incluir editores de texto en línea, editores de fotografías y videos, incluso IDE basados en web y más.
Estas API también estarán disponibles como pruebas de origen para Google Chrome.
Nuevas métricas y orientación para desarrolladores
Para ayudar a contextualizar la "salud general de la web", Google ha anunciado un proyecto llamado El Almanaque Web en asociación con el Archivo HTTP. Con la orientación de 85 expertos, el proyecto tiene como objetivo buscar ideas y visualizar tendencias sobre datos procesables sobre las mejores y peores prácticas en la web.
La misión implicó revisar cerca de 6 millones de sitios web, tras lo cual estos expertos han condensado sus conclusiones sobre formas de mejorar la experiencia del usuario en 20 capítulos. Esta práctica se repetirá como una "tradición anual" para que el Almanaque siga siendo una guía útil para los desarrolladores web.
Junto con esto, Google también está introduciendo dos nuevas métricas para ayudar a los desarrolladores a optimizar sus sitios web según las mejores prácticas. Estos son:
- Pintura con contenido más grande (LCP), que es el tiempo de carga "percibido" de una página web. En pocas palabras, es el tiempo de carga del "elemento más grande visible en el punto de vista". Esta voluntad Cuantificar la rapidez con la que se cargan los elementos clave de una página web para que los desarrolladores puedan eliminar cualquier tipo. de retraso. El LCP se calcula para el tiempo antes de que el usuario interactúe con la página, por lo que la intención aquí es minimizar el retraso de carga tanto como sea posible.
- Cambio de diseño acumulativo (CLS), que se utiliza para medir la estabilidad de las páginas web. Puede ayudar a los desarrolladores a determinar con qué frecuencia elementos como botones o una imagen en particular cambian su ubicación en la parte visible mientras se carga la página. Por lo tanto, CLS puede ayudar a los desarrolladores a eliminar este frustrante problema de que los elementos cambien de posición mientras se carga la página. Esta métrica se basa en la "puntuación de cambio de diseño", que mide la tendencia de los elementos de la página a cambiar durante la carga, lo que preocupa a los usuarios. Lo ideal es que la puntuación del cambio de diseño sea cero, o al menos lo más cercana posible a cero, para garantizar una experiencia sin complicaciones para los usuarios.
Con el objetivo de ayudar a los desarrolladores a lograr el mejor rendimiento, accesibilidad y eficiencia en sus sitios web, Google está ampliando el alcance de Paquetes de pila de faros a una variedad de marcos. Además de WordPress y Next.js, que ya es compatible con Lighthouse, Google está agregando soporte para frameworks como AMP, Angular, React, así como Magento, el CMS dirigido exclusivamente al comercio electrónico sitios web.
Mejorar la gestión de la memoria, mayor privacidad y mayor control
Google afirma estar invirtiendo tiempo, esfuerzo y dinero para solucionar una de las mayores quejas de Google Chrome: el consumo de memoria. Además de trabajar para mejorar la gestión de la memoria, también mejoran constantemente el rendimiento de Chrome para garantizar que la web siga siendo accesible para todos, independientemente de "su tipo de dispositivo o velocidad de Internet o poder adquisitivo."
En términos de privacidad, la próxima versión de Google Chrome, es decir, la versión 79, mejorará la forma en que se manejan las cookies. Esto incluye una nueva opción en la página Nuevas pestañas en el modo Incógnito para ayudar a los usuarios a controlar mucho mejor las cookies de terceros. La página de Configuración también se modificará para que esta opción sea fácilmente accesible en el modo normal.
Google está intensificando sus esfuerzos en el desarrollo de Zona de pruebas de privacidad, que se define como el conjunto de estándares abiertos establecidos para mejorar la privacidad en línea. Privacy Sandbox tiene como objetivo permitir que los sitios web implementen cookies sin que los usuarios se sientan abrumados o inseguros debido a los anuncios y, al mismo tiempo, encontrar formas de bloquear las huellas digitales.