# סליידר טעינה אופקי

**URL:** <https://meta.discourse.org/t/horizontal-loading-slider/177939>\
**Category:** Theme component\
**Tags:** deprecated\
**Created:** [1 בפברואר,‏ 2021,‏ 9:57am UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939 "2021-02-01T09:57:32Z")\
**Posts on this page:** 20\
**Page:** 7

<div class="post-metadata">

**Author:** ![AstonJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/astonj/32/215041_2.png) [@AstonJ](https://meta.discourse.org/u/AstonJ)\
**Post date:** [8 בפברואר,‏ 2021,‏ 5:02pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/137 "2021-02-08T17:02:48Z")

</div>

You’ve done a great job with the slider and it definitely has a more classy feel to it (which would be perfect for say, the site of a prestigious architects) but unfortunately it does make Discourse feel slow compared to what we’re used to (and compared to other forums) and I think there is a psychological impact of that which could be a hinderance.

Have a look at the comparison of the slider vs the spinner - the spinner feels significantly faster even though the pages are probably loading in approximately the same time:

[https://streamable.com/07k3p9](https://streamable.com/07k3p9)

If we’re really set on the slider here are some things which could be worth trying: instead of dropping to 20% go all the way to 0, and **only** show the slider if the page takes longer than a second or so to load.

---

<div class="post-metadata">

**Author:** ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)\
**Post date:** [8 בפברואר,‏ 2021,‏ 5:17pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/138 "2021-02-08T17:17:46Z")

</div>

> [@AstonJ](#):
>
> even though the pages are probably loading in approximately the same time

Note that the Elixir forum is hosted in Europe, so it actually is significantly faster for those of us on this side of the Atlantic. Meta is hosted in AWS’s `us-west-1` region.

```plaintext
> 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

```

But yes in general I agree the fade isn’t a perfect solution. We’re going to be trying some more ideas here… watch this space.

---

<div class="post-metadata">

**Author:** ![AstonJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/astonj/32/215041_2.png) [@AstonJ](https://meta.discourse.org/u/AstonJ)\
**Post date:** [8 בפברואר,‏ 2021,‏ 5:25pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/139 "2021-02-08T17:25:57Z")

</div>

It’s a similar experience on forums hosted by Discourse too tbh, but it’s great to hear you are looking into tweaking it 👍

---

<div class="post-metadata">

**Author:** ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)\
**Post date:** [8 בפברואר,‏ 2021,‏ 6:05pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/140 "2021-02-08T18:05:39Z")

</div>

For now I’ve restored the spinner, but kept the slider as well. We might try some other experiments later this week.

---

<div class="post-metadata">

**Author:** ![Muhammed\_EKİCİ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/muhammed_eki%CC%87ci%CC%87/32/250438_2.png) [@Muhammed\_EKİCİ](https://meta.discourse.org/u/Muhammed_EK%C4%B0C%C4%B0)\
**Post date:** [8 בפברואר,‏ 2021,‏ 9:28pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/143 "2021-02-08T21:28:16Z")

</div>

@dodesz hat theme is this? looks very good

---

<div class="post-metadata">

**Author:** ![Terrapop](https://avatars.discourse-cdn.com/v4/letter/t/ecd19e/32.png) [@Terrapop](https://meta.discourse.org/u/Terrapop)\
**Post date:** [8 בפברואר,‏ 2021,‏ 9:32pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/144 "2021-02-08T21:32:19Z")

</div>

I disabled it again for now because both the slider and the spinner at the same time are too much IMHO.

Looking forward to new updates though.

---

<div class="post-metadata">

**Author:** ![neounix](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neounix/32/215617_2.png) [@neounix](https://meta.discourse.org/u/neounix)\
**Post date:** [9 בפברואר,‏ 2021,‏ 3:03am UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/151 "2021-02-09T03:03:05Z")

</div>

> [@Terrapop](#):
>
> I disabled it again for now because both the slider and the spinner at the same time are too much IMHO.

Our site is using this cool slider without the body transition and it works well (except during “very fast infinite scroll”, which is not a big deal so far) with positive feedback from users.

See Page Loading Example:

> **[How to count how many of last array elements are equal with the last one?](https://community.unix.com/t/how-to-count-how-many-of-last-array-elements-are-equal-with-the-last-one/380847/)**
>
> The question refer to Linux like Debian and Ubuntu. How to count how many of last array elements are equal with the last one of elements? I am not understand enough bash on this time to solve this by self. So I hope for your help. THX Given are...

Agree @Terrapop, the slider + spinner is “too busy” and distracting, for sure.

---

<div class="post-metadata">

**Author:** ![Terrapop](https://avatars.discourse-cdn.com/v4/letter/t/ecd19e/32.png) [@Terrapop](https://meta.discourse.org/u/Terrapop)\
**Post date:** [9 בפברואר,‏ 2021,‏ 9:11am UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/153 "2021-02-09T09:11:05Z")

</div>

Yes, I liked it that way. How did you disable the spinner in the latest version again?

---

<div class="post-metadata">

**Author:** ![neounix](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neounix/32/215617_2.png) [@neounix](https://meta.discourse.org/u/neounix)\
**Post date:** [9 בפברואר,‏ 2021,‏ 9:18am UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/154 "2021-02-09T09:18:17Z")

</div>

> [@Terrapop](#):
>
> How did you disable the spinner in the latest version again?

No. I forked the prior version before the last changes; and just commented out the body animation (and made the slider one pixel thicker on mobile and a few more pixels thicker on desktop). We have been running it live that way for a few days and really like it (and users have also commented that they like it as well). After trying a few minor tweaks, we are happy with it now.

Feel free to try it 🙂 … its free and friendly 🙂

[https://github.com/unixneo/discourse-loading-slider](https://github.com/unixneo/discourse-loading-slider)

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [9 בפברואר,‏ 2021,‏ 7:36pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/156 "2021-02-09T19:36:39Z")

</div>

Just wanted to mention publicly @david, the latest refinement here just hit the sweet spot for me (at least on mobile which I tested now for 20 minutes)

For everyone - we now only show the spinner after a delay, so slow connections will still get it

---

<div class="post-metadata">

**Author:** ![Paracelsus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paracelsus/32/164912_2.png) [@Paracelsus](https://meta.discourse.org/u/Paracelsus)\
**Post date:** [9 בפברואר,‏ 2021,‏ 8:49pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/157 "2021-02-09T20:49:06Z")

</div>

Not just slow connections. We have that problem with big topics too, and the spinner actually looks well in those situations (the message is “working on it” instead of “this thing just froze up”. 😅). So, big kudos. 🙌

---

<div class="post-metadata">

**Author:** ![AstonJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/astonj/32/215041_2.png) [@AstonJ](https://meta.discourse.org/u/AstonJ)\
**Post date:** [9 בפברואר,‏ 2021,‏ 9:03pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/158 "2021-02-09T21:03:09Z")

</div>

It’s an improvement but I’m still finding it feels noticeably slower - was there any reason why the spinner is being rejected/replaced with this? You have all done a great job improving the slider but the spinner still has the edge imo, particularly on a slower loading page:

[https://streamable.com/q2gh0q](https://streamable.com/q2gh0q)

(Assuming the Rust forum is hosted in the same network/server as Discourse^^ (not sure whether being logged out would make much of a difference?))

---

<div class="post-metadata">

**Author:** ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)\
**Post date:** [9 בפברואר,‏ 2021,‏ 9:17pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/159 "2021-02-09T21:17:33Z")

</div>

> [@AstonJ](#):
>
> not sure whether being logged out would make much of a difference

It makes a big difference as anon responses can be cached.

---

<div class="post-metadata">

**Author:** ![AstonJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/astonj/32/215041_2.png) [@AstonJ](https://meta.discourse.org/u/AstonJ)\
**Post date:** [9 בפברואר,‏ 2021,‏ 9:22pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/160 "2021-02-09T21:22:49Z")

</div>

I thought it might so just went back and did a comparison logged out on both:

[https://streamable.com/1x0tbs](https://streamable.com/1x0tbs)

It’s definitely faster, however overall I think the spinner just works and fits Discourse better - it feels faster but also isn’t jarring/prominent or lasts as long as the slider.

S’up to you all tho, personally the spinner gets my vote (sorry!) and I was actually going to post in the PG Update thread saying how much faster/snappier Discourse feels since that update 🕶 (it would be a shame to take a step back now, even if it is a little one 😅)

---

<div class="post-metadata">

**Author:** ![Jonathan5](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jonathan5/32/197134_2.png) [@Jonathan5](https://meta.discourse.org/u/Jonathan5)\
**Post date:** [9 בפברואר,‏ 2021,‏ 9:53pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/161 "2021-02-09T21:53:22Z")

</div>

I agree. The slider is a retrograde step. I’ve had a look on desktop too. Even without fading, it’s still “messier” on the screen and more distracting than the spinner. So on both mobile and desktop the spinner wins.

But if the old spinner will be an officially-maintained theme component, I’d use it and be happy enough. Will it be? Thanks in anticipation.

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [9 בפברואר,‏ 2021,‏ 10:04pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/162 "2021-02-09T22:04:02Z")

</div>

We will do a simple theme component to switch back to old behavior once this is integrated.

The plan for now is just to live with this for 1-2 weeks on meta prior to integrating.

Keep in mind, when cheese moves … people are not happy. Unless you live with a change over multiple days it is very hard to judge.

---

<div class="post-metadata">

**Author:** ![seanblue](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/32.png) [@seanblue](https://meta.discourse.org/u/seanblue)\
**Post date:** [9 בפברואר,‏ 2021,‏ 10:12pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/163 "2021-02-09T22:12:33Z")

</div>

> [@Jonathan5](#):
>
> I agree. The slider is a retrograde step. I’ve had a look on desktop too. Even without fading, it’s still “messier” on the screen and more distracting than the spinner. So on both mobile and desktop the spinner wins.

Now that the awkward fade has been removed, I don’t think the blank page with slider versus the spinner makes much of a difference to me. I think it looks decent on mobile now. On desktop though, I think the slider is too thin vertically. Maybe it’s just my lighting or the fact that I’m using a 27" monitor right now, but it’s really hard to see the progress bar go across the screen.

---

<div class="post-metadata">

**Author:** ![AstonJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/astonj/32/215041_2.png) [@AstonJ](https://meta.discourse.org/u/AstonJ)\
**Post date:** [12 בפברואר,‏ 2021,‏ 8:04pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/164 "2021-02-12T20:04:00Z")

</div>

I’ve spent a bit more time on this, comparing both desktop and mobile and I’m sorry to go against the grain but I feel the spinner is better on both by quite a margin.

The slider (on a site like this) just feels slow and abrupt, and although can work well on some types of sites (particularly longer loading sites where a visual indicator of how much the page has/is loading is important) I don’t think it is suited to a forum or any kind of site where a sense of speed is important.

_I really hope you don’t proceed with this or if you do, make it a theme component and keep the default a spinner._

---

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [13 בפברואר,‏ 2021,‏ 12:05am UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/165 "2021-02-13T00:05:00Z")

</div>

I do miss the fade out mostly because I don’t like the blank page state, and because it “softened” the transition… the blank screen is harsh.

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [13 בפברואר,‏ 2021,‏ 2:52am UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/166 "2021-02-13T02:52:21Z")

</div>

I agree with @awesomerobot here @sam – the faded text is much better than the harsh blank screen.

[Previous page](https://meta.discourse.org/t/horizontal-loading-slider/177939.md?page=6)

[Next page](https://meta.discourse.org/t/horizontal-loading-slider/177939.md?page=8)
