Basically I hide everything except the loader div while the page is loading and display everything except the loader div when page is loaded. The loader div contains an animated gif.
Yes thank you,
I have tried that but when I am running locally, selecting slow 3g or even defining a slow custom mode of say 1 kbit/s or 10,000 ms latency it still loads almost instantaneously. I would prefer a method where I can actually define a time delay, especially for demonstration purposes where I don’t want to tell a user how to slow down his browser in order to see what I have developed.
My question remains regarding how to amend my code to delay the page load rather than slow down the browser or load a very large file.