Fixing the JavaScript 'Flash', or FOUC

Any page on the wiki that uses javascript ‘flashes’ content before the final javascript has been implemented. It is getting worse for the GuidedResearch pages since we have added quite a bit of content inside the dropdown areas. See https://beta.familysearch.org/wiki/en/User:Ahancey/sandbox-GR.

I found the following code, when searching the internet for a solution, and wondered if something this simple could be implemented. At the beginning of a page load, add the following:

html{visibility: hidden;opacity:0;}

Then at the bottom of the page load, add the following:

html {visibility: visible; opacity: 1;>}

Adding this to Common.css wouldn’t work, but maybe adding it to the backend .css file?!

I found this solution at https://petrey.co/2017/05/the-most-effective-way-to-avoid-the-fouc/