Lo sfocatura spoiler ha prestazioni scadenti su Firefox e Android

Contribuisci Funzionalità
1

Nel forum Discourse di intfiction.org parliamo molto di giochi di avventura con enigmi, quindi il tag [spoiler] è di grande aiuto. In questo argomento ci sono decine di tag spoiler separati, uno per ogni suggerimento.

Questa pagina funziona abbastanza bene su Google Chrome, ma si comporta male su Firefox e non rende bene nemmeno su telefoni Android lenti. Su Firefox su Android è incredibilmente lenta (scorri un po’ verso il basso per capire cosa intendo).

Probabilmente la colpa è di Firefox.

Tuttavia, penso che il plugin spoiler dovrebbe impostare il testo degli spoiler su color: black; background: black invece di filter: blur(0.5em) sui browser/piattaforme che gestiscono l’effetto blur lentamente o in modo inefficiente (Firefox, Android).

3 Mi Piace
2

C’è un modo per modificare noi stessi questo CSS?

1 Mi Piace
3

Con CSS, questo dovrebbe ottenere ciò che hai descritto: uno sfondo che corrisponde al testo. Aggiungendo questo a un componente del tema, si dovrebbe sovrascrivere il CSS del plugin… anche se non funzionerebbe per le immagini negli spoiler.

Questo apporterebbe la modifica in tutti i browser; dovresti rilevare l’user-agent in JS se volessi prendere di mira solo Firefox.

.spoiler-blurred {
  filter: none;
  background: var(--primary); 
  color:  var(--primary);
}

.discourse-no-touch .spoiler-blurred:hover {
  filter: none;
  /* potresti aggiungere qui un diverso effetto hover */
}

.spoiled {
  background: transparent; 
}

È un peccato sentire delle scarse prestazioni di Firefox. Non supportiamo ufficialmente Firefox su Android, ma sembra che l’impatto si estenda a Firefox su tutte le piattaforme. Forse dovremmo prendere in considerazione il ritorno al nostro vecchio metodo di utilizzo di text-shadow per creare l’effetto blu invece di filter…

1 Mi Piace
4

Sembra che non abbia più un impatto sul mio Firefox.

image
image1283×915 40.5 KB

Lo metterò alla prova anche su Fenix/Fennec.

4 Mi Piace
5

E se si aggiungesse un aggiornamento alla mod per includere una casella di stile per ‘oscura spoiler/redatta spoiler’? L’opzione ‘redatta spoiler’ coprirebbe il testo degli spoiler con una barra nera, il che potrebbe alleggerire il browser dal sovraccarico di renderizzare il testo con un effetto sfocato.

In questo modo, sarebbe almeno possibile creare un tema specifico per ‘mobile’ che possa integrare tutte le mod più veloci e ottimizzate per dispositivi mobili.

1 Mi Piace
6

Assolutamente, è stato risolto anche nell’ultima versione di Firefox per Android!

Firefox Fennec Chrome Firefox Fenix
Screenshot_20200810-220614
Screenshot_20200810-2206141080×2160 44.6 KB
Screenshot_20200810-220643
Screenshot_20200810-2206431080×2160 50.3 KB
Screenshot_20200810-220652
Screenshot_20200810-2206521080×2160 47.8 KB
52k 10k 10k

Quindi direi che https://arewefenixyet.com/ indica che il problema è risolto in alcuni paesi, mentre negli altri sarà risolto tra poche settimane.

5 Mi Piace
7

Per essere chiari, riproduco il bug 925025 di sfocatura lenta su quella pagina di test in Firefox 79.0 per macOS Catalina 10.15.5 su un MacBook Pro 16" del 2019.

Firefox impiega 96.141 ms per un’esecuzione di sfocatura; Chrome impiega 9.998 ms. Forse è stato corretto nella versione nightly?

MODIFICA: Sì, lo è. Su 81.0a1 (2020-08-10) (64-bit), il benchmark dell’allegato impiega 10.006 ms e la pagina di Discourse piena di spoiler viene resa in modo molto fluido.

Quindi sembra che forse non dovremmo fare nulla per ora e semplicemente attendere che Mozilla distribuisca le proprie correzioni.

Grazie!

4 Mi Piace
8

Credo che la vera soluzione sia WebRender, che sta venendo attivato come predefinito secondo http://arewewebrenderyet.com/. È già attivo dove si trovano la maggior parte degli utenti (Windows) e sta arrivando anche altrove! È anche la prima cosa che attiviamo su un nuovo PC, noi del team :stuck_out_tongue:.

5 Mi Piace