Google annonce de nouveaux outils de développement Chrome pour réduire le chargement des pages et affiner l'UX

Il y a vingt ans, Google était à l'origine un moteur de recherche sur le Web, mais aujourd'hui, il domine la façon dont nous vivons et interagissons avec le Web. La recherche Google, à elle seule, contrôle la majeure partie de l'utilisation en ligne, mais d'autres produits comme le navigateur le plus populaire au monde – Google Chrome – ainsi que le système d'exploitation mobile le plus utilisé – Android – ont placé Google en tête parmi les autres acteurs du Web. Le pourcentage d'utilisateurs se connectant à l'aide d'appareils mobiles a augmenté, tout comme l'accent mis par le géant de l'Internet sur la réduction des temps de chargement pour garantir la pérennité. AMP ou pages mobiles accélérées était une mesure prise par Google pour assurer un chargement plus rapide des pages Web. L'année dernière, il a également introduit un élément Web appelé "

Portails" pour optimiser la commutation "transparente" entre les pages Web.

Avec la vision de "faire disparaître le chargement", Google a annoncé aujourd'hui de nouveaux outils de développement au Sommet des développeurs Chrome 2019 rendre le Web plus sûr et plus convivial tout en améliorant les chances d'aider les développeurs à augmenter leur base d'utilisateurs ainsi que leurs revenus.

Portails

Google a démontré les progrès que Portails a réalisé depuis son lancement sur Google I/O plus tôt cette année et sa mise en œuvre derrière un drapeau dans Chrome Canary. Pour vous rafraîchir la mémoire, Portals permet aux développeurs d'intégrer certains contenus ou des pages Web entières dans une autre page Web, tout comme une iframe. Afin d'éliminer tout temps d'attente, le contenu du portail ou du cadre se charge pendant que les utilisateurs parcourent encore la page Web initiale.

Google a partagé un exemple du service de billetterie de cinéma Fandango dans lequel la page de destination d'un film particulier (Joker dans l'exemple) est lié à l'intérieur d'un portail. Lorsqu'un utilisateur appuie sur Joker, la page suivante est déjà entièrement chargée.

Offres groupées Web

Google annonce Offres groupées Web qui est créé pour aider les développeurs Web à partager leur contenu Web avec d'autres via divers supports, notamment le courrier électronique, l'USB ou le FTP. Les développeurs pourront mettre en cache efficacement l'intégralité du contenu Web destiné à être partagé à l'aide d'API telles que Synchronisation périodique en arrière-plan et Indexation du contenu puis restituez de manière sélective le contenu requis même si l'utilisateur final n'est pas connecté à Internet. Pour permettre aux développeurs Web d'utiliser cette fonctionnalité, Google rend les Web Bundles disponibles derrière un indicateur Chrome tandis que les deux API seront disponibles en tant que essais d'origine.

Expérience Web de type natif

Tout en étant conscient que de nombreux utilisateurs utilisent leur téléphone mobile pour se connecter, Google reconnaît également les modèles d'utilisation multi-appareils à travers le monde. Depuis plus de quelques années, Google pousse Applications Web progressives (PGA) en remplacement des applications Android natives dans le but de réduire le temps de chargement et la consommation de données.

[largeur vidéo="390" hauteur="800" mp4=" https://static1.xdaimages.com/wordpress/wp-content/uploads/2019/11/Login_OTP_Flow_Swiggy.mp4"]

Pour aligner les applications du Web sur les applications natives, Google annonce trois nouvelles fonctionnalités destinées aux développeurs. Ceux-ci sont:

1. Récepteur SMS, qui permettra aux applications Web de récupérer les codes d'authentification par SMS, tout comme les applications. Dans la vidéo ci-dessus, vous pouvez voir avec quelle fluidité la version Web de Swiggy, un service de commande de nourriture indien, suggère à l'utilisateur d'exploiter le code de vérification reçu par SMS.
2. Sélecteur de contact, qui permettra aux utilisateurs de télécharger des contacts sur des applications Web d'une manière similaire au partage de contacts sur des applications de messagerie comme WhatsApp.
3. API du système de fichiers natif, qui donnera aux applications Web l'autorisation et la possibilité de lire les fichiers et les dossiers de l'appareil d'un utilisateur et d'y enregistrer directement les modifications. Les applications potentielles de cette fonctionnalité peuvent inclure des éditeurs de texte en ligne, des éditeurs de photos et de vidéos, même des IDE basés sur le Web, et bien plus encore.

Ces API seront également disponibles sous forme d'essais d'origine pour Google Chrome.

Nouvelles mesures et conseils pour les développeurs

Pour aider à contextualiser la « santé du Web » en général, Google a annoncé un projet appelé L'almanach du Web en partenariat avec le Archives HTTP. Avec les conseils de 85 experts, le projet vise à rechercher des informations et à visualiser les tendances sur des données exploitables sur les meilleures et les pires pratiques sur le Web.

La mission a consisté à examiner près de 6 millions de sites Web, après quoi ces experts ont condensé leurs conclusions sur les moyens d'améliorer l'expérience utilisateur dans 20 chapitres. Cette pratique sera répétée comme une « tradition annuelle » afin que l'Almanach reste un guide ingénieux pour les développeurs Web.

Parallèlement à cela, Google introduit également deux nouvelles mesures pour aider les développeurs à optimiser leurs sites Web selon les meilleures pratiques. Ceux-ci sont:

1. La plus grande peinture de contenu (LCP), qui correspond au temps de chargement "perçu" d'une page Web. En termes simples, il s'agit du temps de chargement du « plus grand élément visible dans le point de vue ». Cette volonté quantifier la rapidité avec laquelle les éléments clés d'une page Web sont chargés afin que les développeurs puissent éliminer toute sorte de décalage. Le LCP est calculé pour la durée précédant l'interaction de l'utilisateur avec la page. L'intention ici est donc de minimiser autant que possible le délai de chargement.
2. Changement de mise en page cumulatif (CLS), qui est utilisé pour évaluer la stabilité des pages Web. Cela peut aider les développeurs à déterminer la fréquence à laquelle des éléments tels que des boutons ou une image particulière changent d'emplacement sur la partie visible pendant le chargement de la page. Ainsi, CLS peut aider les développeurs à éliminer ce problème frustrant des éléments qui changent de position pendant le chargement de la page. Cette métrique s'appuie sur le « score de décalage de mise en page » qui mesure la tendance des éléments de page à se déplacer lors du chargement, troublant ainsi les utilisateurs. Le score de changement de mise en page doit idéalement être nul – ou au moins aussi proche de zéro que possible – pour garantir une expérience sans tracas pour les utilisateurs.

Dans le but d'aider les développeurs à obtenir les meilleures performances, accessibilité et efficacité sur leurs sites Web, Google étend la portée de Packs de piles de phares à une variété de cadres. Outre WordPress et Next.js, déjà pris en charge par Lighthouse, Google ajoute la prise en charge de des frameworks tels que AMP, Angular, React, ainsi que Magento, le CMS destiné exclusivement au e-commerce sites Internet.

Améliorez la gestion de la mémoire, une meilleure confidentialité et un meilleur contrôle

Google prétend investir du temps, des efforts et de l'argent pour remédier à l'un des plus gros problèmes liés à Google Chrome, à savoir la consommation de mémoire. En plus de travailler à l'amélioration de la gestion de la mémoire, ils améliorent également constamment les performances de Chrome pour garantir que le Web reste accessible à tous, indépendamment de "leur type d’appareil, leur vitesse Internet ou leur pouvoir d’achat."

En termes de confidentialité, la prochaine version de Google Chrome, à savoir la ver79, améliorera la gestion des cookies. Cela inclut une nouvelle bascule sur la page Nouveaux onglets en mode navigation privée pour aider les utilisateurs à mieux contrôler les cookies tiers. La page Paramètres sera également modifiée pour rendre cette bascule facilement accessible en mode normal.

Google poursuit ses efforts dans le développement de Bac à sable de confidentialité, qui est défini comme l'ensemble de normes ouvertes conçues pour améliorer la confidentialité en ligne. Le Privacy Sandbox vise à permettre aux sites Web de déployer des cookies sans que les utilisateurs se sentent dépassés ou incertains à cause des publicités, tout en trouvant également des moyens de bloquer les empreintes digitales.