Page loading

[a_5mith]

Recently I've noticed a distinct lag when switching between pages, it appears that when you click on a link to go to another page, their is a fade-out animation that drops to about 50% opacity, it then hangs there for a short period of time, then loads the next page. Once you notice it, it's actually quite annoying. Because it feels like the browser is causing the animation to stutter. But trying in multiple browsers, they're all the same.

I know in days of past you had to add a delay to page load times due to render issues, but whatever is going on at the minute doesn't feel as fluid as it once did. Print screen with the point the opacity stalls and then jolts to the next page below:

[psychobunny]

Haha did it on purpose actually. Some people like it some people don't, Baris doesn't AFAIK.

I'll work on a better animation that doesn't look too jittery

[a_5mith]

@psychobunny said:

Haha did it on purpose actually. Some people like it some people don't, Baris doesn't AFAIK.

I'll work on a better animation that doesn't look too jittery

Just make it instantaneous and take over the world already.

[psychobunny]

BTW, sup with the steam image lol. Okay we get it, you've got fast internet.. No need to gloat now

[julian]

We could reintroduce prefetching again :shipit:

[a_5mith]

Untitled.png on my Desktop was not the Untitled.png in my pictures folder.

[psychobunny]

Heh, could have been worse..

[hek]

I don't like the fade either. Feels like the computer freezes up. Very annoying.

[jarey]

I have to agree on this, don't like the feeling of the animation. Can't explain why, but feels strange.

[Ali]

Maybe just a loading gif like Discourse's.

[Nicolas]

I like such type of loader - http://victorbjelkholm.github.io/ngProgress/ for single page applications

[psychobunny]

The thing is, we don't really need a loader, we artificially delay the animations so that it feels "natural". If it was instantaneous UX wise it would feel like you're loading a cached page

[Nicolas]

It does not look instantaneous, data should be fetched still from the backend and transferred to the client

[Nicolas]

@psychobunny As for effect, crossfade is more natural, than white shade. For most users - white shade is synonym to unresponsive application

[a_5mith]

@Nicolas said:

I like such type of loader - http://victorbjelkholm.github.io/ngProgress/ for single page applications

Lavender used to have one of those. It was ok. But wasn't really necessary. It does seem silly to artificially delay a page when "page load is as quick as a cached page" would be a selling point.

[psychobunny]

Yeah, I don't disagree. I said I'd look into this a few weeks ago but clearly I've forgotten about it.

https://github.com/NodeBB/nodebb-theme-persona/issues/72

There, now that it's an issue I'll definitely get right on it :trollface:

[a_5mith]

@psychobunny said:

Yeah, I don't disagree. I said I'd look into this a few weeks ago but clearly I've forgotten about it.

https://github.com/NodeBB/nodebb-theme-persona/issues/72

There, now that it's an issue I'll definitely get right on it :trollface:

Top man.