Curseur de chargement horizontal

Vous avez fait un excellent travail avec le curseur, et il donne indéniablement une impression plus élégante (ce qui serait parfait, par exemple, pour le site d’un cabinet d’architectes prestigieux). Malheureusement, cela donne l’impression que Discourse est lent par rapport à ce à quoi nous sommes habitués (et par rapport à d’autres forums), et je pense que cela a un impact psychologique qui pourrait s’avérer être un obstacle.

Jetez un coup d’œil à la comparaison entre le curseur et le spinner : le spinner semble nettement plus rapide, même si les pages se chargent probablement à peu près en même temps :

https://streamable.com/07k3p9

Si nous tenons vraiment au curseur, voici quelques pistes à essayer : au lieu de descendre à 20 %, passez directement à 0, et n’affichez le curseur que si la page met plus d’une seconde environ à se charger.

2 « J'aime »

Notez que le forum Elixir est hébergé en Europe, il est donc en réalité nettement plus rapide pour ceux d’entre nous qui se trouvent de ce côté de l’Atlantique. Meta est hébergé dans la région us-west-1 d’AWS.

> time (curl -Ss https://meta.discourse.org/latest.json > /dev/null)
0.03s user 0.01s system 3% cpu 1.280 total

> time (curl -Ss https://elixirforum.com/latest.json > /dev/null)
0.02s user 0.01s system 10% cpu 0.286 total

Mais oui, en général, je suis d’accord pour dire que l’effet de fondu n’est pas une solution parfaite. Nous allons essayer d’autres idées ici… restez à l’écoute.

9 « J'aime »

C’est une expérience similaire sur les forums hébergés par Discourse aussi, mais c’est super de savoir que vous envisagez de l’ajuster :+1:

2 « J'aime »

Pour l’instant, j’ai rétabli le spinner, mais j’ai également conservé le curseur. Nous pourrions essayer d’autres expérimentations plus tard cette semaine.

6 « J'aime »

@dodesz quel thème est-ce ? Ça a l’air très bien

Je l’ai à nouveau désactivé pour le moment car, à mon avis, le curseur et le sélecteur simultanément sont trop.

J’ai hâte de voir les nouvelles mises à jour, cependant.

2 « J'aime »

Notre site utilise ce curseur cool sans transition du corps et cela fonctionne bien (sauf lors d’un « défilement infini très rapide », ce qui n’est pas un gros problème pour l’instant), avec des retours positifs de la part des utilisateurs.

Voir l’exemple de chargement de page :

Je suis d’accord avec @Terrapop, le curseur + le sélecteur est « trop chargé » et distrayant, c’est certain.

5 « J'aime »

Oui, je préférais ainsi. Comment avez-vous désactivé le spinner dans la dernière version, déjà ?

1 « J'aime »

Non. J’ai bifurqué la version précédente avant les derniers changements ; j’ai simplement commenté l’animation du corps (et épaissi le curseur d’un pixel sur mobile et de quelques pixels de plus sur ordinateur). Nous l’utilisons ainsi en production depuis quelques jours et nous l’apprécions vraiment (les utilisateurs ont également fait remarquer qu’ils l’aiment bien). Après avoir essayé quelques ajustements mineurs, nous sommes maintenant satisfaits.

N’hésitez pas à l’essayer :slight_smile: … c’est gratuit et convivial :slight_smile:

1 « J'aime »

Je voulais juste mentionner publiquement @david : la dernière amélioration correspond exactement à ce qu’il me fallait (du moins sur mobile, où je l’ai testé pendant 20 minutes).

Pour tout le monde : nous n’affichons maintenant l’indicateur de chargement qu’après un délai, de sorte que les connexions lentes l’obtiendront quand même.

11 « J'aime »

Pas seulement les connexions lentes. Nous avons aussi ce problème avec les gros sujets, et le spinner s’affiche correctement dans ces cas-là (le message indique « en cours de traitement » au lieu de « ça a planté ». :sweat_smile:). Donc, un grand bravo. :raised_hands:

5 « J'aime »

C’est une amélioration, mais je trouve que cela reste nettement plus lent. Y a-t-il une raison pour laquelle le spinner a été rejeté ou remplacé par ceci ? Vous avez tous fait un excellent travail pour améliorer le curseur, mais le spinner garde l’avantage à mon avis, en particulier sur une page au chargement lent :

https://streamable.com/q2gh0q

(Je suppose que le forum Rust est hébergé sur le même réseau ou serveur que Discourse^^ (je ne sais pas si être déconnecté ferait beaucoup de différence ?))

3 « J'aime »

Cela fait une grande différence, car les réponses anonymes peuvent être mises en cache.

3 « J'aime »

Je pensais que ce serait le cas, alors je suis revenu faire une comparaison, déconnecté des deux côtés :

https://streamable.com/1x0tbs

C’est définitivement plus rapide, mais dans l’ensemble, je trouve que le spinner fonctionne simplement mieux et s’intègre mieux à Discourse – il donne une impression de rapidité, tout en étant moins intrusif ou proéminent, et ne dure pas aussi longtemps que le slider.

C’est à vous de voir, personnellement, je vote pour le spinner (désolé !). J’allais d’ailleurs poster dans le fil de mise à jour de PG pour dire à quel point Discourse semble plus rapide et réactif depuis cette mise à jour :sunglasses: (ce serait dommage de faire un pas en arrière maintenant, même si ce n’est que d’un petit cran :sweat_smile:)

4 « J'aime »

Je suis d’accord. Le slider est un pas en arrière. Je l’ai aussi examiné sur ordinateur de bureau. Même sans fondu, il reste « plus désordonné » à l’écran et plus distrayant que le spinner. Donc, aussi bien sur mobile que sur ordinateur de bureau, le spinner l’emporte.

Mais si l’ancien spinner deviendra un composant de thème officiellement maintenu, je l’utiliserais et serais assez satisfait. Le sera-t-il ? Merci par avance.

3 « J'aime »

Nous mettrons en place un composant de thème simple pour revenir au comportement ancien une fois cette intégration effectuée.

Pour l’instant, le plan consiste simplement à vivre avec cette situation pendant 1 à 2 semaines sur Meta avant l’intégration.

Gardez à l’esprit que lorsque le fromage bouge, les gens ne sont pas contents. À moins de vivre avec un changement sur plusieurs jours, il est très difficile de l’évaluer.

13 « J'aime »

Maintenant que l’inconfortable fondu a été supprimé, je ne pense pas que la page blanche avec le curseur par rapport au spinner fasse une grande différence pour moi. Je trouve que cela a l’air décent sur mobile maintenant. Sur ordinateur de bureau, cependant, je pense que le curseur est trop fin verticalement. Peut-être que c’est juste mon éclairage ou le fait que j’utilise actuellement un écran de 27 pouces, mais il est vraiment difficile de voir la barre de progression traverser l’écran.

5 « J'aime »

J’ai passé un peu plus de temps à comparer les versions bureau et mobile, et je suis désolé d’aller à contre-courant, mais je trouve que le spinner est nettement supérieur dans les deux cas.

Le curseur (sur un site comme celui-ci) semble simplement lent et abrupt. Bien qu’il puisse fonctionner correctement sur certains types de sites (en particulier ceux avec des temps de chargement plus longs où un indicateur visuel de l’avancement du chargement est important), je ne pense pas qu’il convienne à un forum ou à tout type de site où la rapidité est essentielle.

J’espère vraiment que vous ne procéderez pas à cette modification ou, si vous le faites, faites-en un composant de thème et gardez le spinner par défaut.

5 « J'aime »

Je regrette surtout l’effet de fondu, car je n’aime pas l’état de page vide et parce qu’il « adoucissait » la transition… l’écran blanc est trop brutal.

9 « J'aime »

Je suis d’accord avec @awesomerobot ici, @sam — le texte estompé est bien meilleur que l’écran blanc agressif.

8 « J'aime »