Les barres de progression de défilement, et pourquoi la vôtre devrait être un chien

Toute page longue pose la même question : combien en reste-t-il ? Un indicateur de progression y répond, et la plupart y répondent d'une manière que vous ne remarquez plus dès le deuxième paragraphe.

À quoi sert la barre

La barre de défilement vous dit déjà où vous êtes, en principe. En pratique elle fait quelques pixels de large, se cache jusqu'à ce que vous bougiez la souris, et sur une page qui charge ses images au fil de la lecture son curseur change de taille pendant que vous lisez. Les extensions rajoutent une barre de progression parce que la réponse propre du navigateur a été discrètement effacée par le design.

Vous obtenez donc une fine ligne colorée en haut de la page, qui se remplit à mesure que vous défilez. Ça marche. C'est aussi la chose la plus facile de la page à cesser de voir : une ligne droite, posée dans la bande que votre œil a appris à ignorer, et qui ne fait jamais rien d'autre que s'allonger.

La position, mais aussi la vitesse

Une barre porte exactement un nombre — à quelle profondeur vous êtes. Un second nombre est disponible gratuitement, et aucune barre ne l'affiche : à quelle vitesse vous avancez.

scrolldog porte les deux. La position de l'animal le long du bord de la fenêtre est la profondeur de défilement. En haut de la page il est à gauche ; en bas, il a atteint l'autre bord. Son allure est la vitesse de défilement : un coup de molette et il sprinte, un paragraphe à la fois et il trotte.

Arrêtez-vous, et il s'assied. C'est la partie qu'une barre ne sait pas faire. Une barre statique a exactement la même allure que vous lisiez attentivement ou que vous ayez laissé l'onglet ouvert il y a trois heures. Un animal qui s'est assis vous dit que la page est devenue calme, et le lire ne vous coûte rien, puisque vous ne le lisiez pas — vous l'avez attrapé du coin de l'œil, la seule attention qu'un indicateur de progression ait jamais méritée.

Ce que cela coûte

L'objection habituelle à une extension décorative est qu'elle dégrade le navigateur. Celle-ci écoute le défilement passivement, ramène chaque salve d'événements à une écriture par image d'animation, et déplace un seul élément dans un rail fixe de taille nulle. Elle ne lit ni ne modifie jamais la mise en page de votre page, et n'émet aucune requête réseau depuis la page que vous lisez.

Un interrupteur dans la fenêtre l'éteint partout, dans tous les onglets ouverts, d'un coup.