Show Page only after it Fully Loads

Use this to improve the visual experience of loading a heavy page with multiple items loading at different rates. This covers a page that is being loaded with a simple screen that includes a logo or other image and then disappears to reveal the page completely loaded. 

The components of this technique include HTML, CSS and JS. It doesn't take much code and can be placed in a simple HTML module or a Static Text Box or a Token. All the code is included here on this page.

You should change the number of milliseconds to lengthen or shorten the time the screen is covered to the lowest number that still reliably hides the page load process.

Tokens

This can be packaged into a token. The token can be placed anywhere that processes tokens on a page. Import the Token using the code provided.