Chrome : Google bloque les sauts de page intempestifs et interpelle les développeurs
Protéger l'expérience de lecture
Le 12 avril 2017 à 12h15
4 min
Logiciel
Logiciel
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.
Chrome : Google bloque les sauts de page intempestifs et interpelle les développeurs
-
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
Commentaires (35)
Vous devez être abonné pour pouvoir commenter.
Déjà abonné ? Se connecter
Abonnez-vousLe 12/04/2017 à 12h18
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.
Le 12/04/2017 à 12h18
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 " />.
Le 12/04/2017 à 13h02
Sur une actu parlant de choses intempestives, le bot qu’on voit souvent dans ses mails est assez priceless.
Le 12/04/2017 à 13h19
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. " />
Le 12/04/2017 à 13h31
Par contre très pratique pour enregistrer des Google Docs don’t le propriétaire a normalement interdit l’enregistrement / la copie / l’impression.
Le 12/04/2017 à 14h11
Elle est toujours présente la faille qui permet de focus l’onglet d’avant ?
Le 12/04/2017 à 14h17
Hum…ça doit être ça qui a péter mon parallaxe sur la page d’accueil de mon site quand je suis sous chrome…
Le 12/04/2017 à 14h33
C’est privacy badger, que j’utilise avec uBlock et Ghostery
Le 12/04/2017 à 14h35
Vire ghostery, ils viennent d’être racheté par une société puante dont je n’ai plus le nom en tête :
News NxI !
Le 12/04/2017 à 14h55
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 12/04/2017 à 16h08
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.
Le 12/04/2017 à 18h35
C’est clair que c’est lourdingue surtout quand c’est pour mettre la pub qui est super lente a charger.
Le 12/04/2017 à 20h46
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…
Le 12/04/2017 à 21h29
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.
Le 12/04/2017 à 22h26
Surtout qu’utiliser en même temps Privacy Badger et Ghostery équivaut à utiliser Adblock Plus -et- uBlock Origin.
Le 13/04/2017 à 04h10
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 ?
Le 13/04/2017 à 06h31
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.
Le 13/04/2017 à 10h02
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 " />
Le 14/04/2017 à 16h37
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/ .
Le 15/04/2017 à 10h07
Qu’on modifie la news et qu’on donne à cet(te) INpactien(ne) un cookie!
" />
Le 18/04/2017 à 11h48
Une chouquette !
Le 12/04/2017 à 12h20
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.
Le 12/04/2017 à 12h20
Le 12/04/2017 à 12h21
Perso je suis passer de noscript que je trouvais “trop bourrin”, à umatrix.
Le 12/04/2017 à 12h23
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.
Le 12/04/2017 à 12h27
de mémoire sur iphone chrome et firefox ne sont que des skin de safari
Le 12/04/2017 à 12h29
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 … " />)
Le 12/04/2017 à 12h30
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.
Le 12/04/2017 à 12h31
Le 12/04/2017 à 12h32
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 !
Le 12/04/2017 à 12h39
Le 12/04/2017 à 12h41
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.
Le 12/04/2017 à 12h49
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 " />
Le 12/04/2017 à 12h51
Le 12/04/2017 à 12h55
le problème avec les noscritp 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 .