Modale Argomenti stile Facebook: è meglio?

Ho smanettato un po’ cercando di dare un aspetto diverso rispetto ad altri siti e ho creato una modale per gli argomenti in stile Facebook. Sembra caricarsi più velocemente per me ed essere più fluida sul desktop.

Cosa ne pensate?

Il link per il test è https://www.carptalk-online.co.uk/ (funziona solo su desktop)

bel fatto! mi piace molto, anche se non sono un utente di Facebook. hai un sito fantastico. :star_struck:

inoltre, non sapevo che i carp potessero diventare così grandi! :fishing_pole:

Molto figo! L’hai testato in argomenti con 20 o più risposte? È lì che carichiamo più “pagine” di messaggi durante lo scorrimento e, per esperienza, è una delle complicazioni più grandi con questo tipo di visualizzazione alternativa.

No, lo farò ora e ti farò sapere

Funziona bene - URL ELIMINATO

Posso vedere che la pagina si carica come dici, ma funziona come previsto

L’argomento non viene visualizzato in una finestra modale quando si fa clic sul collegamento diretto. Dalla lista degli argomenti, invece, funziona.

Sì, è la prossima cosa che devo esaminare, ma ci ho riflettuto: fa davvero differenza? È lo stesso comportamento di Facebook: il link diretto porta al post effettivo, mentre se cliccato durante la navigazione si apre una modale.

Bel concetto, riesci a mantenere una connessione costante con il message bus per i nuovi messaggi mentre carichi i messaggi più vecchi?

Sì, perché la modale carica l’applicazione normale dell’argomento Discourse all’interno di un iframe, invece di renderizzare una copia personalizzata dell’argomento. L’iframe stabilisce la propria connessione MessageBus e Discourse continua a gestire il flusso dei post normalmente, includendo il caricamento dei post più vecchi e la ricezione dei post appena pubblicati.

La pagina principale rimane attiva sullo sfondo, quindi tecnicamente ci sono due istanze Discourse e due connessioni MessageBus mentre la modale è aperta. Questo funziona, anche se è leggermente più pesante rispetto a un’implementazione completamente nativa. Chiudere la modale rimuove l’iframe e la sua connessione.

Non so se abbia importanza, e non uso Facebook :stuck_out_tongue:

Mi sono solo sorpreso che cliccando sul tuo link non sia apparso l’argomento in una finestra modale, dato che l’avevi pubblicato proprio per dimostrare che funzionava in una finestra modale.

Il mio post originale era un link alla homepage, hai cliccato sulla mia risposta a Kris che testava le categorie, hahaha. Com’è che va comunque? Non ti vedo da un po’

Ho appena terminato la versione mobile e sono soddisfatto del funzionamento generale; ora devo trovare un modo migliore per realizzarla e ridurre i tempi di caricamento. Qualcuno ha qualche suggerimento?

Dopo ulteriori test, ho utilizzato la versione non-JS che vede Google e si carica istantaneamente nella modale. Se potessi in qualche modo utilizzare i contenuti di quella, renderebbe tutto molto più veloce.

Sulla versione desktop sembra molto buona,

La velocità di caricamento sulla versione mobile è un po’ lenta; dopo aver cliccato, si vede solo una pagina vuota con il pulsante di chiusura in alto a destra, e sembra che si debba aspettare a lungo davanti a una pagina bianca.

Ecco su cosa sto lavorando ora :slight_smile: Al momento è solo un concetto che voglio rendere realtà. Tuttavia, sul mio dispositivo si carica in 2 secondi su mobile con l’icona di caricamento di Discourse, quindi non sono sicuro di cosa stia succedendo. Probabilmente perché il server è a Londra, nel Regno Unito, e non ha ancora un CDN.

È vero, la distanza è troppo grande, quindi la rete richiede tempo per trasmettere i dati.

Ora i topic si caricano istantaneamente nella modale, ora devo trovare un modo per usare la prima istanza di Discourse caricata per le risposte, ecc. (questo è sul server di test)

Ho disattivato questa funzionalità sul sito principale, poiché sta ricevendo traffico con utenti che si registrano, quindi è stata spostata su un server di test. Spero di averla completata entro metà agosto, se qualcuno è interessato a una modale.