Closed (fixed)
Project:
Ember
Version:
7.x-1.x-dev
Component:
User interface
Priority:
Normal
Category:
Feature request
Assigned:
Unassigned
Reporter:
Created:
15 Apr 2013 at 15:20 UTC
Updated:
21 Sep 2013 at 14:32 UTC
My perception is that admin pages are loading slower because of the content 'fade in' javascript effect in Ember.
Some people might like it, but I do not.
Can we get a toggle on the theme's configuration page to turn this superfluous effect off?
Comments
Comment #1
saltednutComment #2
rickvug commentedJust to chime in, I initially liked the fade in but it became a distraction and made the page feel slower within a few minutes. In speaking with Brant I know that his impression was the same.
Comment #3
tkoleary commentedYeah, that's a good idea. It's actually not js it's CSS3 transition and I can change the speed. The other thing is that the way I applied it (to the container) means that it's rendering that effect for every element inside it which can make it slower for forms with more stuff on them. It might be better if I put a scrim *over* the page and then faded it away and z-indexed it below at the same time. That way the transition is only applying to one element.
Comment #4
tkoleary commentedBTW the reason I did that was to hide ugly re-flow effects that can happen during page load in Drupal which make the experience seem buggy and unstable to the non-technical user. So it's not just "prettiness". :)
Comment #5
saltednutI see where you are coming from here. Having this controlled on the theme layer is an interesting solution. I think a configuration system that does this fade in on the entire Drupal site would be great too. Its not just the admin sections that the page loads suffer from these re-flow effects.
Comment #6
heather commentedI would be interested in using Ember in screensharing situations such as sales demos or teaching.
I've made a demo of what the render of Ember looks like through a screensharing application: Joinme.
https://www.youtube.com/watch?v=NIASzI2dqWc
The "fade in" from white or "fade out" to white is a visual trick used in film to make it seem like time passes. So that is partly why there is the added perception of slowness. It also explains why the initial fade in seems to set a scene, and be a nice introduction, but then becomes a difficult distraction.
A second problem of using this effect comes up specifically when you view it as through a screenshare, such as for online demo-ing or training. The render appears choppy or in blocks. This "choppyness" happens when any screenshare is re-drawing after a UI change, but it appears to take two steps to redraw.
Other methods might be to use a small spinning wheel as the page renders.
I would say for both these reasons, the fade in is not an appropriate solution. And if no other solution could be found, then a toggle option would be preferable.
Comment #7
saltednutLooks like this was handled back in Feb #1902850: Allow to disable fade-in effect on page loads - we'll move over to using dev.
I'm not marking duplicate - but instead noting #6
The toggle is good to have for turning the fade off, but I too wonder if there isn't a better alternative to the fade-in.
Comment #8
tkoleary commented@brantwynn Is my suggestion in #3 off the wall?
Comment #9
saltednut@tkoleary - I think that, if we want to keep the fade effect, that would work. However, the problem has to do with whether or not the fade is really a viable solution at all. I am leaning toward it not being helpful although I could be swayed otherwise.
Its worth noting that if you're demo'ing Drupal to someone over a shared screen the fade is very choppy and makes the site appear slow. This is only a problem when trying to show Drupal to someone via webex, join.me, etc. If that person has never seen Drupal, the fade might make them decide that Drupal is slow and therefore, not worth their time.
Comment #10
tkoleary commented@brantwynn
That's a good point. I'm going to do some experimenting with it to try to improve performance.
Comment #11
tkoleary commentedSince this was essentially dealt with in #1902850 I am postponing till I have time to test other approaches to fade in.
Comment #12
tkoleary commentedThe toggle in theme settings essentially solves this.