Google a annoncé une nouvelle technologie utilisée dans Chrome qui crée des instantanés interactifs de pages Web qui accélèrent l’expérience utilisateur. Chrome l’appelle Freeze Dried Tabs et il est actuellement utilisé.

Ce que fait Google va au-delà d’un espace réservé pour la capture d’écran. Il s’agit plutôt d’un hybride de capture d’écran, car il peut être défilé et les liens peuvent être cliqués. Une fois le téléchargement de la page réelle terminé, Google passe de manière transparente à la page Web réelle.

L’idée est d’accélérer l’expérience Web des visiteurs du site en leur montrant une capture d’écran avec des liens fonctionnels et du contenu que les utilisateurs peuvent parcourir.

Affichage plus rapide des sites Web sur les appareils mobiles

Le processus de livraison des sites Web est lent en raison de toutes les différentes parties qui doivent être chargées, telles que le HTML brut, le CSS, JavaScrip et les polices (qui présentent eux-mêmes de multiples problèmes).

La solution de Chrome consiste à afficher des captures d’écran interactives.

Onglets de navigateur lyophilisés

Google appelle ce nouvel hybride d’une capture d’écran et d’une page Web interactive, Freeze Dried Tabs.

Les onglets de navigateur lyophilisés sont une nouvelle façon de fournir des pages Web, mais ils ne sont pas affichés pour tous les sites visités par un utilisateur de Chrome.

Il s’agit plutôt d’une solution pour accélérer les moments de transition comme le passage d’un onglet à l’autre ou lors du démarrage du navigateur.

Selon un article de blog Chrome à ce sujet :

« Le rendu du contenu Web peut nécessiter beaucoup de calculs et peut parfois sembler lent par rapport à une application native.

Beaucoup de travail doit être fait pour charger dynamiquement des ressources sur le réseau, exécuter JavaScript, rendre CSS, des polices, etc.

Sur les appareils mobiles, cela est particulièrement difficile et Chrome ne peut souvent conserver qu’une poignée de pages Web chargées à la fois en raison des contraintes de mémoire de l’appareil.

Cela conduit à la question de savoir s’il existe un moyen plus léger de représenter le contenu Web lorsque la situation l’exige, par exemple, dans l’interface utilisateur de transition comme le sélecteur d’onglets ou au démarrage lorsque de nombreux travaux d’échauffement se produisent.

Lors d’un démarrage à froid normal de l’application Chrome, le chargement d’une page Web prend environ 3,4 secondes.

Les tests montrent que l’expérience utilisateur est améliorée avec un temps de chargement jusqu’à 20 % plus rapide, ce qui donne en moyenne 2,8 secondes pour afficher l’intégralité d’une page Web.

Il faut souligner que cela rend la page entière à l’état lyophilisé, y compris le contenu qui se trouve sous la fenêtre d’affichage (la partie où un visiteur du site doit faire défiler pour voir).

Une qualité remarquable de cette solution est qu’il n’y a pas de changement de mise en page lorsque l’onglet lyophilisé est transféré sur le site en direct.

L’annonce a expliqué comment ils font cela:

« Pour lyophiliser une page Web, nous capturons l’état visuel de la page sous la forme d’un ensemble de graphiques vectoriels avec tous les hyperliens.

Nous pouvons ensuite « reconstituer » (lire) ces graphiques vectoriels de manière plus légère en tramant simplement les graphiques vectoriels.

Cela réduit le coût de rendu de l’affichage d’une page Web complète (y compris le contenu en dehors de la fenêtre d’affichage) et prend toujours en charge les hyperliens.

Les onglets lyophilisés sont en direct dans Chrome

Cette technologie qui accélère la création d’une page Web interactive est actuellement utilisée dans le navigateur Chrome.

Bien qu’il ne soit utilisé que dans des situations de démarrage à froid pour le moment, l’équipe Chrome a indiqué qu’elle étudie où il peut être utilisé.

C’est une bonne nouvelle pour tous les éditeurs Web, car cela peut signifier que les pages se chargent plus rapidement pour les visiteurs du site, ce qui pourrait potentiellement entraîner des taux de satisfaction des visiteurs plus élevés.


Citation

Lire l’annonce originale de Chrome

Accélérer Chrome au démarrage d’Android avec des onglets lyophilisés

Image sélectionnée par Shutterstock/Catalyst Labs

LAISSER UN COMMENTAIRE

S'il vous plaît entrez votre commentaire!
S'il vous plaît entrez votre nom ici