Deslizador de carga horizontal

Has hecho un gran trabajo con el control deslizante y definitivamente le da un toque más elegante (que sería perfecto, por ejemplo, para el sitio de un estudio de arquitectura prestigioso), pero, desafortunadamente, hace que Discourse se sienta lento en comparación con lo que estamos acostumbrados (y en comparación con otros foros), y creo que eso tiene un impacto psicológico que podría ser un obstáculo.

Mira la comparación entre el control deslizante y el indicador de carga: el indicador se siente significativamente más rápido, aunque las páginas probablemente se carguen en aproximadamente el mismo tiempo:

https://streamable.com/07k3p9

Si realmente estamos decididos a usar el control deslizante, aquí hay algunas cosas que podrían valer la pena probar: en lugar de reducir la opacidad al 20%, bájala hasta 0, y solo muestra el control deslizante si la página tarda más de un segundo en cargar.

2 Me gusta

Ten en cuenta que el foro de Elixir está alojado en Europa, por lo que en realidad es significativamente más rápido para nosotros que estamos en este lado del Atlántico. Meta está alojado en la región us-west-1 de 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

Pero sí, en general estoy de acuerdo en que el desvanecimiento no es una solución perfecta. Vamos a probar algunas ideas más aquí… estén atentos.

9 Me gusta

Es una experiencia similar en los foros alojados por Discourse también, pero es genial saber que estás considerando ajustarlo :+1:

2 Me gusta

Por ahora, he restaurado el indicador de carga, pero también he mantenido el control deslizante. Podríamos probar algunos otros experimentos más adelante esta semana.

6 Me gusta

@dodesz ¿qué tema es este? se ve muy bien

Lo he desactivado de nuevo por ahora, ya que el control deslizante y el indicador de carga al mismo tiempo son demasiado, en mi opinión.

Aunque espero con interés las nuevas actualizaciones.

2 Me gusta

Nuestro sitio web utiliza este genial control deslizante sin la transición del cuerpo y funciona bien (excepto durante el “desplazamiento infinito muy rápido”, que por ahora no es un gran problema) con comentarios positivos de los usuarios.

Ver ejemplo de carga de página:

Estoy de acuerdo @Terrapop, el control deslizante + spinner es “demasiado ocupado” y distrae, sin duda.

5 Me gusta

Sí, me gustó así. ¿Cómo desactivaste el spinner en la última versión otra vez?

1 me gusta

No. Hice un fork de la versión anterior a los últimos cambios; y simplemente comenté la animación del cuerpo (y aumenté el grosor del deslizador en un píxel en móviles y en varios píxeles más en escritorio). Lo hemos estado ejecutando en vivo de esta manera durante unos días y nos gusta mucho (y los usuarios también han comentado que les gusta). Después de probar algunos ajustes menores, ahora estamos satisfechos con él.

Siéntete libre de probarlo :slight_smile: … es gratuito y amigable :slight_smile:

1 me gusta

Solo quería mencionar públicamente @david, el último refinamiento aquí ha dado justo en el clavo para mí (al menos en el móvil, que acabo de probar durante 20 minutos)

Para todos: ahora solo mostramos el spinner después de un retraso, de modo que las conexiones lentas también lo recibirán.

11 Me gusta

No solo conexiones lentas. También tenemos ese problema con temas grandes, y el spinner se ve bien en esas situaciones (el mensaje es “trabajando en ello” en lugar de “esto se ha colgado”. :sweat_smile:). Así que, muchas gracias. :raised_hands:

5 Me gusta

Es una mejora, pero sigo notando que se siente considerablemente más lenta. ¿Hubo alguna razón por la que se rechazó/reemplazó el spinner por esto? Han hecho un gran trabajo mejorando el control deslizante, pero en mi opinión, el spinner sigue teniendo la ventaja, especialmente en una página de carga lenta:

https://streamable.com/q2gh0q

(Asumiendo que el foro de Rust está alojado en la misma red/servidor que Discourse^^ (no estoy seguro de si estar desconectado marcaría mucha diferencia?))

3 Me gusta

Marca una gran diferencia, ya que las respuestas anónimas pueden ser almacenadas en caché.

3 Me gusta

Pensé que podría ser así, así que volví atrás y hice una comparación estando desconectado en ambos:

https://streamable.com/1x0tbs

Definitivamente es más rápido, pero en general creo que el spinner simplemente funciona mejor y encaja mejor en Discourse: se siente más rápido, pero además no es tan llamativo ni prominente, ni dura tanto como el slider.

Aunque al final depende de ustedes; personalmente, el spinner tiene mi voto (¡lo siento!). De hecho, iba a publicar en el hilo de la actualización de PG diciendo lo mucho más rápido y ágil que se siente Discourse desde esa actualización :sunglasses: (sería una lástima dar un paso atrás ahora, aunque sea un pequeño paso :sweat_smile:).

4 Me gusta

Estoy de acuerdo. El control deslizante es un paso atrás. También lo he revisado en el escritorio. Incluso sin desvanecimiento, sigue siendo más “desordenado” en la pantalla y más distractor que el spinner. Así que tanto en móviles como en escritorio, el spinner gana.

Pero si el spinner antiguo será un componente de tema mantenido oficialmente, lo usaría y estaría bastante satisfecho. ¿Lo será? Gracias de antemano.

3 Me gusta

Implementaremos un componente de tema sencillo para volver al comportamiento anterior una vez que esto se integre.

Por ahora, el plan es simplemente convivir con esto durante 1-2 semanas en Meta antes de integrarlo.

Tenga en cuenta que cuando se mueve el queso… la gente no está contenta. A menos que conviva con un cambio durante varios días, es muy difícil juzgarlo.

13 Me gusta

Ahora que se ha eliminado el molesto desvanecimiento, no creo que la página en blanco con el control deslizante frente al indicador de carga marque mucha diferencia para mí. Creo que ahora se ve decente en el móvil. Sin embargo, en el escritorio, creo que el control deslizante es demasiado delgado verticalmente. Quizás sea solo mi iluminación o el hecho de que esté usando un monitor de 27 pulgadas en este momento, pero es realmente difícil ver la barra de progreso avanzar por la pantalla.

5 Me gusta

He dedicado un poco más de tiempo a esto, comparando tanto la versión de escritorio como la móvil, y lamento ir en contra de la corriente, pero siento que el spinner es claramente superior en ambos casos.

El control deslizante (en un sitio como este) simplemente se siente lento y brusco. Aunque puede funcionar bien en algunos tipos de sitios (especialmente aquellos con tiempos de carga más largos, donde es importante tener un indicador visual de cuánto se ha cargado o está cargando la página), no creo que sea adecuado para un foro ni para ningún tipo de sitio donde la sensación de velocidad sea importante.

Realmente espero que no procedan con esto o, si lo hacen, que lo conviertan en un componente del tema y mantengan el spinner como predeterminado.

5 Me gusta

Echazo de menos sobre todo el desvanecimiento porque no me gusta el estado de página en blanco y porque ‘suaviza’ la transición… la pantalla en blanco es demasiado brusca.

9 Me gusta

Estoy de acuerdo con @awesomerobot aquí, @sam: el texto desvanecido es mucho mejor que la pantalla en blanco y dura.

8 Me gusta