Slider di caricamento orizzontale

Hai fatto un ottimo lavoro con lo slider e conferisce senz’altro un’aria più raffinata (perfetta, ad esempio, per il sito di uno studio di architettura prestigioso), ma purtroppo rende Discourse percepito come più lento rispetto a ciò a cui siamo abituati (e rispetto ad altri forum), e credo che questo abbia un impatto psicologico che potrebbe essere un ostacolo.

Dai un’occhiata al confronto tra lo slider e lo spinner: lo spinner sembra significativamente più veloce, anche se le pagine probabilmente si caricano in tempi pressoché identici:

https://streamable.com/07k3p9

Se siamo davvero decisi a usare lo slider, ecco alcune cose che potrebbero valere la pena provare: invece di scendere al 20%, vai fino a 0, e mostra lo slider solo se la pagina impiega più di un secondo circa a caricarsi.

2 Mi Piace

Tieni presente che il forum di Elixir è ospitato in Europa, quindi è effettivamente significativamente più veloce per noi che ci troviamo da questa parte dell’Atlantico. Meta è ospitato nella regione us-west-1 di 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

Ma sì, in generale concordo che il dissolvenza non sia una soluzione perfetta. Provaremo altre idee qui… tenete d’occhio questo spazio.

9 Mi Piace

In realtà, l’esperienza è simile anche sui forum ospitati da Discourse, ma è fantastico sapere che stai valutando di apportare delle modifiche :+1:

2 Mi Piace

Per ora ho ripristinato lo spinner, ma ho mantenuto anche lo slider. Potremmo provare altri esperimenti più avanti questa settimana.

6 Mi Piace

@dodesz che tema è? sembra molto bello

L’ho disabilitato di nuovo per ora perché, secondo me, sia lo slider che lo spinner insieme sono eccessivi.

Comunque, non vedo l’ora di vedere i nuovi aggiornamenti.

2 Mi Piace

Il nostro sito utilizza questo fantastico slider senza la transizione del corpo e funziona bene (tranne durante lo “scroll infinito molto veloce”, che finora non è un grosso problema), con feedback positivi dagli utenti.

Vedi Esempio di Caricamento Pagina:

Sono d’accordo con @Terrapop: lo slider + lo spinner sono “troppo caotici” e distraggono, sicuramente.

5 Mi Piace

Sì, mi piaceva così. Come hai disabilitato lo spinner nell’ultima versione, di nuovo?

1 Mi Piace

No. Ho fatto un fork della versione precedente prima delle ultime modifiche; ho semplicemente commentato l’animazione del corpo (e reso lo slider di un pixel più spesso su mobile e di qualche pixel in più su desktop). Lo stiamo usando in produzione così da qualche giorno e ci piace molto (e anche gli utenti hanno commentato che lo apprezzano). Dopo aver provato alcune piccole modifiche, ora siamo soddisfatti.

Sentiti libero di provarlo :slight_smile: … è gratuito e amichevole :slight_smile:

1 Mi Piace

Volevo solo menzionare pubblicamente @david: l’ultimo affinamento qui ha appena raggiunto il punto perfetto per me (almeno su mobile, che ho testato per 20 minuti)

Per tutti: ora mostriamo il caricatore solo dopo un ritardo, così le connessioni lente lo riceveranno comunque.

11 Mi Piace

Non solo connessioni lente. Abbiamo lo stesso problema anche con gli argomenti estesi, e in quelle situazioni lo spinner appare ben fatto (il messaggio è “in lavorazione” invece di “questa cosa si è bloccata”. :sweat_smile:). Quindi, un grande plauso. :raised_hands:

5 Mi Piace

È un miglioramento, ma trovo che sia ancora percepibilmente più lento. C’è un motivo per cui lo spinner è stato rifiutato/sostituito con questo? Avete fatto un ottimo lavoro nel migliorare lo slider, ma secondo me lo spinner ha ancora la meglio, specialmente su una pagina con caricamento lento:

https://streamable.com/q2gh0q

(Assumendo che il forum Rust sia ospitato sulla stessa rete/server di Discourse^^ (non sono sicuro che essere disconnesso faccia molta differenza?))

3 Mi Piace

Fa una grande differenza perché le risposte anonime possono essere memorizzate nella cache.

3 Mi Piace

Pensavo potesse essere così, quindi sono tornato indietro e ho fatto un confronto disconnesso su entrambi:

https://streamable.com/1x0tbs

È sicuramente più veloce, ma nel complesso penso che lo spinner funzioni semplicemente meglio e si adatti meglio a Discourse: sembra più veloce, ma allo stesso tempo non è fastidioso/invadente e dura meno dello slider.

Tuttavia, sta a voi tutti: personalmente voto per lo spinner (scusa!) e in realtà stavo per scrivere nel thread dell’aggiornamento PG quanto Discourse sembri più veloce e reattivo dopo quell’aggiornamento :sunglasses: (sarebbe un peccato fare un passo indietro ora, anche se è solo un piccolo passo :sweat_smile:)

4 Mi Piace

Concordo. Lo slider è un passo indietro. L’ho guardato anche su desktop. Anche senza dissolvenza, risulta comunque più “disordinato” sullo schermo e più distraente rispetto allo spinner. Quindi sia su mobile che su desktop lo spinner vince.

Ma se lo spinner vecchio sarà un componente del tema mantenuto ufficialmente, lo userei e sarei soddisfatto. Lo sarà? Grazie in anticipo.

3 Mi Piace

Creeremo un semplice componente del tema per tornare al vecchio comportamento una volta che questo sarà integrato.

Per ora, il piano è semplicemente convivere con questa situazione per 1-2 settimane su meta prima di procedere con l’integrazione.

Tieni presente che, quando si sposta il formaggio, le persone non sono felici. A meno che non si viva con un cambiamento per diversi giorni, è molto difficile valutarlo.

13 Mi Piace

Ora che la fastidiosa dissolvenza è stata rimossa, non credo che la pagina vuota con lo slider rispetto allo spinner faccia molta differenza per me. Penso che su mobile ora sembri decente. Su desktop, però, ritengo che lo slider sia troppo sottile verticalmente. Forse è solo un problema di illuminazione o il fatto che stia usando un monitor da 27 pollici, ma è davvero difficile vedere la barra di avanzamento attraversare lo schermo.

5 Mi Piace

Ho dedicato un po’ più di tempo a questo, confrontando sia la versione desktop che quella mobile, e mi dispiace andare controcorrente, ma ritengo che lo spinner sia nettamente superiore in entrambi i casi.

Lo slider (su un sito come questo) sembra semplicemente lento e brusco; anche se può funzionare bene su alcuni tipi di siti (in particolare quelli con tempi di caricamento più lunghi, dove è importante un indicatore visivo di quanto la pagina sia stata/caricata), non credo sia adatto a un forum o a qualsiasi tipo di sito in cui la percezione della velocità sia fondamentale.

Spero davvero che non procediate con questa scelta o, se lo fate, rendetela un componente del tema e mantenete lo spinner come impostazione predefinita.

5 Mi Piace

Mi manca soprattutto lo sfumamento perché non mi piace lo stato della pagina vuota e perché ‘ammorbidisce’ la transizione… lo schermo vuoto è troppo brusco.

9 Mi Piace

Sono d’accordo con @awesomerobot qui @sam: il testo sbiadito è molto meglio dello schermo bianco e aspro.

8 Mi Piace