dimanche 26 juin 2016

How to nullify entire web page turning white when refreshing or navigating to new page on the same website

I signed up just to ask this, getting a little desperate/crazy here:

I am currently building a website. I have spent probably the past couple months trying to figure this one out, and nothing I can find answers this. Please keep in mind I am extremely amateur and have only used HTML and CSS, so please explain the reasoning if you have an answer. I am using the latest Chrome.

My question is, how to get rid of the "flash of white" between navigating to a new page of my website, OR when refreshing the same page. Many answers I've seen appear to be responding with "it's impossible" but I know that it's not!! Because pretty much EVERY web site I visit, when I hit ctrl+shift+r, the page reloads with ZERO white screen appearing ever, no matter how many times I mash it and refresh it, every time the background stays a SOLID colour without EVER turning white, no gaps. Or if it's an image, it still stays there and maybe the buttons or text will take a millisecond to load, but NEVER the background changes between loads.

For example, here's my page, which if you press ctrl+shift+r repeadedly, you will see the entire page goes white for literally a millisecond.

http://ift.tt/28YgLdr

Now, if you go to this website (excuse the crudeness), I can sit there all day, same browser, mashing refresh over and over and over and that black background will NEVER change.

http://ift.tt/xcDWuT

Even when you navigate to another part of the page, that background remains in-tact. MANY other websites do this as well, go to your favourite website and try pressing ctrl+shift+r a few times, and more often than not you'll never see a "gap" in the screen colour. Then go to mine and there it is, every time.

It feels other pages are just keeping any assets it can use again and loading only the new stuff. Meanwhile, mine appears to be wiping the whole screen clean and then loading everything from square one.

All I'm asking is a simple method to remove the white on page load. Please somebody can you explain to me precisely why this is!! Even if it's just the hosting or something then at least I can rest my mind knowing!!

PS I am using the most basic html and css markup that was possible so it has nothing to do with "clean up your code" or anything like that there is hardly anything on this page and my internet is lightning fast. There has to be another reason.




Aucun commentaire:

Enregistrer un commentaire