Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Prevent FOUC #15

Closed
maplesyrupsucker opened this issue Apr 20, 2018 · 4 comments
Closed

Prevent FOUC #15

maplesyrupsucker opened this issue Apr 20, 2018 · 4 comments
Labels
wontfix This will not be worked on

Comments

@maplesyrupsucker
Copy link
Collaborator

Styles appear to kick in a bit late. Quite a drastic flash of unstyled content when switching pages

@abrkn
Copy link
Owner

abrkn commented Apr 21, 2018

I've changed from adding styles in jQuery document onload to adding directly in Javascript. I hope it's quicker.

@abrkn
Copy link
Owner

abrkn commented Apr 21, 2018

If that doesn't help I'm not sure how to do it.

@maplesyrupsucker
Copy link
Collaborator Author

@abrkn It's still a bit noticeable - but seems faster than before.

Some ideas:

  1. display:none the body until JS is loaded - might require jason to help add a condition in for us if he's willing

image

  1. Maybe we can limit the FOUC to one time only by injecting that display:none and having it persist, then future page renders will be more seamless?

  2. Maybe I can dig through how RES does it as well.

@stale
Copy link

stale bot commented Apr 28, 2018

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

@stale stale bot added the wontfix This will not be worked on label Apr 28, 2018
@stale stale bot closed this as completed May 12, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
wontfix This will not be worked on
Projects
None yet
Development

No branches or pull requests

2 participants