Chrome : Google bloque les sauts de page intempestifs et interpelle les développeurs

Chrome : Google bloque les sauts de page intempestifs et interpelle les développeurs

Protéger l'expérience de lecture

Avatar de l'auteur
Vincent Hermann

Publié dans

Logiciel

12/04/2017 4 minutes
37

Chrome : Google bloque les sauts de page intempestifs et interpelle les développeurs

Google vient d’activer dans Chrome une fonctionnalité qui devrait faire des heureux. Le navigateur peut ainsi empêcher une page web de bouger pendant une lecture, quand le site essaye par exemple d’insérer une image. L’éditeur explique son fonctionnement dans un billet de blog.

Il s’agit d’un cas presque ordinaire tellement il est courant : l’internaute en train de lire une page web peut être contraint de revenir à son texte quand elle bouge brutalement, le plus souvent pour revenir tout en haut. Un glissement dû la plupart du temps à un chargement tardif d’un contenu, provoquant le plus souvent un saut de page désagréable, particulièrement sur mobile.

Bloquer le défilement d'une page en cas de chargement d'un autre contenu

Avec la dernière mise à jour poussée vers Chrome, Google ajoute du coup une nouvelle fonctionnalité baptisée « scroll anchoring », littéralement un « ancrage de défilement ». Le fonctionnement en est simple : le navigateur repère où l’internaute en est de sa lecture et considère cette position comme fixe. Si un élément doit apparaître dans la page et en faire bouger le positionnement, Chrome « l’ignore ».

Google est particulièrement enthousiaste sur cette fonctionnalité, qu’il considère comme étant de « celles qui brillent sans que personne ne les remarque ». Notez cependant que le système n’est pas encore parfait. Selon l’éditeur, la fonction bloque en moyenne presque « trois sauts par page vue », mais elle reste en amélioration constante.

Il faut donc comprendre que ces statistiques sont fournies à Google par la télémétrie de Chrome, et que l’entreprise va continuer à observer l’évolution de près, surtout maintenant que la fonctionnalité est déployée chez tous les utilisateurs à compter de Chrome 56 (nous en sommes à la version 58).

Google revient sur les erreurs communes du chargement progressif

Par ailleurs, Google attire l’attention des développeurs sur cet ancrage, afin de leur en expliquer le fonctionnement. La société sert ici un double objectif : présenter sa fonctionnalité et sa manière d’agir sur une page, et faire quelques rappels de bon aloi sur le chargement progressif des pages. Elle considère en fait qu’un manque d’attention à ce niveau provoque des comportements jugés « abusifs ».

Conséquence, Google range ces sauts de page intempestifs dans la même catégorie que les sites distribuant des malwares ou les onglets déclenchant la lecture d’un son. Ici, Chrome se pose donc en intermédiaire de ces comportements qui nuisent globalement à l’expérience de surf sur la Toile. L’éditeur fournit ainsi, en accompagnement de l’ancrage, la compatibilité avec la propriété CSS « overflow-anchor », qui permet aux développeurs web d’intégrer eux-mêmes le blocage.

Les développeurs invités à fournir des retours

Notez également que l’ancrage de défilement ne s’active pas obligatoirement sur toutes les pages. Si Chrome détecte une « disposition interactive complexe », il le désactive automatiquement. Par contre, il l’active systématiquement durant les opérations Précédent et Suivant, pour essayer de restaurer la position de page enregistrée avant l’action.

Enfin, Google encourage les développeurs à donner leur avis dans un groupe communautaire créé pour l’occasion. Ils sont notamment enjoints de signaler tous les problèmes qui pourraient apparaître sur leur site, dans le cas où l’ancrage provoquerait par exemple des incompatibilités.

Pour le reste, nul besoin de télécharger une nouvelle version de Chrome. Le navigateur se met à jour tout seul, et il suffit de vérifier simplement dans l’À propos que l’on dispose de la dernière révision. Signalons tout de même, comme c'est souvent le cas dans le domaine des navigateurs, qu'il y a de bonnes chances pour que la concurrence copie ce comportement. Il ne reste donc plus qu'à attendre quelques mois pour voir Microsoft, Mozilla ou encore Opera réagir sur ce sujet.

Écrit par Vincent Hermann

Tiens, en parlant de ça :

Sommaire de l'article

Introduction

Bloquer le défilement d'une page en cas de chargement d'un autre contenu

Google revient sur les erreurs communes du chargement progressif

Les développeurs invités à fournir des retours

Fermer

Commentaires (37)




le navigateur repère où l’internaute en est de sa lecture et considère cette position comme fixe. Si un élément doit apparaître dans la page et en faire bouger le positionnement, Chrome « l’ignore ».





J’aurais tendance a dire qu’avec “noscript” il n’ y a pas d’élément qui apparait spontanément.

Raison pour laquelle je n’ai jamais eu ce problème de saut intempestif.


Super initiative !!!



Même si c’est plus courant et désagreable (et ô combien !) sur smartphone, je ne basculerai pas de Safari vers Chrome sur mon iPhone.

Mais sur le pc de la maison, ce sera un confort de plus <img data-src=" />.


J’ai essayé noscript (surement suite a un de tes posts, ou d’un autre confrere inpactien, sur une news recente sur le rachat de Ghostery).

Ca m’a particulierement gonflé, je comprends qu’il faille beaucoup whitelister de trucs au début pour qu’a terme ce soit au poil, mais j’ai pas eu le courage de persister.








127.0.0.1 a écrit :



J’aurais tendance a dire qu’avec “noscript” il n’ y a pas d’élément qui apparait spontanément.

Raison pour laquelle je n’ai jamais eu ce problème de saut intempestif.







Moi si, et pas à cause du chargement progressif “scripté” mais parce que ma connexion est lente et que les images se chargent après que j’ai commencé la lecture… du coup quand le navigateur commence à charger l’image, il décale parfois violemment le contenu en fonction de la taille finale de l’image.



Perso je suis passer de noscript que je trouvais “trop bourrin”, à umatrix.


Je vais test, merci a toi !



J’ai déja adblock et celui qui bloque un peu des trackers avec une tête de blaireau.


de mémoire sur iphone chrome et firefox ne sont que des skin de safari


J’ai installé Noscript aussi sur mon PC fixe et c’est vrai que c’est “saoulant” de whitelister plein de trucs.

Ma femme est venu sur mon PC et n’a jamais réussi à aller voir ce qu’elle voulait sur le net. Dès que je lui ai montré ce qu’il fallait faire, elle est parti allumer son PC portable… (Ca me permet d’être tranquille sur mon PC au moins … <img data-src=" />)


Non justement, car safari est dans le noyau (au sens empirique du terme hein, tu comprend l’idée), pas les autres.

J’utilise le Firefox Focus (un adblock pour smartphone assez efficace, qui fait aussi navigateur unipage) qui se greffe au noyau et fonctionne sous safari, mais pas sur les navigateurs tiers.



Sauf si ca a changé récemment.








Meewan a écrit :



de mémoire sur iphone chrome et firefox ne sont que des skin de safari





Mais pas intégrés à l’OS : un clic sur un lien dans une app = Safari, sauf si l’app permet de choisir Chrome, mais c’est au cas par cas et au final c’est chiant. On finit par apprécier Safari de force :/ (qui heureusement, n’est pas si mal).



Oula, si je mets ca sur le pc de ma femme, je m’en sors plus.

Adblock lui suffit amplement, si elle a une galère a un moment donné, je m’en occupe. Puis je l’ai bien “éduquée” sur le surf et est aussi tres prudente !








127.0.0.1 a écrit :



J’aurais tendance a dire qu’avec “noscript” il n’ y a pas d’élément qui apparait spontanément.

Raison pour laquelle je n’ai jamais eu ce problème de saut intempestif.





Tu as fait comment pour ne jamais avoir ce problème avant noscript ? <img data-src=" />



&nbsp;





Niktareum a écrit :



J’ai essayé noscript…je comprends qu’il faille beaucoup whitelister de trucs au début pour qu’a terme ce soit au poil, mais j’ai pas eu le courage de persister.





C’est exactement ça, avec une bonne dose de patience ça passe, sinon autant aller voir ailleurs.



C’est une ecellente nouvelle, et j’espère que ça va se propager chez les concurrents rapidement.

Je n’aime pas Chrome, mais je reconnais que beaucoup de leurs innovations sont un progrès pour l’utilisateur.


J’aime bien l’idée. Il y a actuellement 2 choses de ce genre qui me broute quand j’ai une connexion en carton et / ou sur mobile : je commence à scroller la page et soit parce qu’il y a des images en haut qui se chargent en retard ou soit sur un wiki (par exemple), une fois la css chargée, les zones se collapsent par défaut et il faut rescroller à nouveau <img data-src=" />


&nbsp;







CryoGen a écrit :



Perso je suis passer de noscript que je trouvais “trop bourrin”, à umatrix.





Moi je suis passé de Word à Excel. <img data-src=" />



le problème avec les noscritp &nbsp;abloc etc… certain site ne marche pas ou bug ,et même ici en activant certain bloqueur je n est plus accès aux forums et sur d autre site aussi .


Sur une actu parlant de choses intempestives, le bot qu’on voit souvent dans ses mails est assez priceless.


C’est vrai que noscript (et ses clones) c’est pas intuitif, et je ne le recommande pas comme solution au problème décrit dans le news. C’était juste une remarque sur le fait que j’ai rarement vu ce problème sur ma config habituelle.



Si je débranche les extensions, le problème est certainement présent. Mais dans ces cas là, il y a une myriade d’autre trucs qui me piquent les yeux, au point qu’un saut du scroll est vraiment quantité négligeable. <img data-src=" />


Par contre très pratique pour enregistrer des Google Docs don’t le propriétaire a normalement interdit l’enregistrement / la copie / l’impression.


Elle est toujours présente la faille qui permet de focus l’onglet d’avant ?

&nbsp;







durthu a écrit :



J’ai installé Noscript aussi sur mon PC fixe et c’est vrai que c’est “saoulant” de whitelister plein de trucs.





C’est ce genre de comportement qui à rendu nxi payant :/ Heureusement que l’inpact sur le javascript est différent. Après je pense surtout qu’il faut créer une police du net et épingler ceux qui abusent… Parce que si il y avais pas d’abus nxi ne serais pas payant. Et encore la je parle de nxi mais bientôt c’est tout le web qui va devenir payant / sponsorisé…



Hum…ça doit être ça qui a péter mon parallaxe sur la page d’accueil de mon site quand je suis sous chrome…


C’est privacy badger, que j’utilise avec uBlock et Ghostery


Vire ghostery, ils viennent d’être racheté par une société puante dont je n’ai plus le nom en tête :

News NxI !


Disons que mon utilisation de noscript étant de virer les scripts dans le but d’éviter d’être tracké, umatrix permet celà sans se prendre la tête.



Donc oui peut-être que uMatrix correspond plus à mon usage que noScript, mais Word permet aussi de faire des tableaux.


Le truc qui me gonfle le plus, c’est le refresh des pages sur des sites comme Le Monde, ça remonte, ça redescend, puis ça se recale alors que t’es tranquille en train de scanner les news de la page immense.

Mais bon, NoScript est un peu l’arme nucléaire.


C’est clair que c’est lourdingue surtout quand c’est pour mettre la pub qui est super lente a charger.


Miam, j’espère que ça fonctionnera sur un site que j’utilise quotidiennement qui aime beaucoup décaler la page d’une ligne au moment où je clique sur un lien… et qui m’envoie donc sur le lien précédent…


Passé de Firefox à Vivaldi depuis quelques mois, je me passe désormais très bien de NoScript. Avec µBlock origin bien réglé selon leur wiki qui préconise de bloquer le chargement des tiers parties par défaut, je me sens protégé en ayant que très rarement avoir à whitelister un élément ou les tiers parties. NS bien que je l’ai utilisé pendant des années, finalement sur un navigateur basé sur chome, à l’heure où le JS est omniprésent dans le bon fonctionnement et affichage d’un site, c’est juste dépassé et relou. Abandonnez-le pour µBlock uniquement et ça suffira pour une utilisation normale d’internet.



Pour le sujet de l’article, très très rarement eu ce problème et uniquement sur smartphone. Cause Antipub peut-être qui empêche des images et autres éléments à la con de charger a posteriori.


Surtout qu’utiliser en même temps Privacy Badger et Ghostery équivaut à utiliser Adblock Plus -et- uBlock Origin.


Au fait à propos de défilement : sur le site fixe (PC) on peut cliquer directement sur le nombre de commentaires, et dans la news on saute directement aux commentaires.



Sur le site mobile (avec Firefox) ça ne fonctionne pas, je dois scroller toute la news puis cliquer sur “Afficher les commentaires”.

Il y a moyen d’améliorer ça svp ?


Pour les extensions, je me contente de noscript et ublock origin pour avoir la paix. Désactivées sur NXI, cela va de soi.



C’est vrai que c’est skiant de paramétrer au début, mais le confort de lecture ensuite est preislos.


Bonne initiative, c’est vraiment insupportable sur mobile ces sites qui font défiler la page à notre place.

C’est par exemple un vrai problème pour le site d’un de vos confrères dont le nom finit par NT <img data-src=" />


il y a de bonnes chances pour que la concurrence copie ce comportement. Il ne reste donc plus qu’à attendre quelques mois pour voir Microsoft, Mozilla ou encore Opera réagir sur ce sujet.

News intéressante, mais en fait la fonctionnalité vient de Chromium (donc pas limitée à sa “distribution” la plus connue, Chrome) et avec une petite recherche, on tombe sur un lien Opera qui a annoncé l’avoir intégré sur sa version 43 il y a deux mois (la version courante est la 44):https://dev.opera.com/blog/opera-43/&nbsp;.


Qu’on modifie la news et qu’on donne à cet(te) INpactien(ne) un cookie!

<img data-src=" />


Une chouquette ! :harou: