background flashing background

Hello everyone,
my website has a delay while loading or changing pages.  
During  loading, shortly  a black background is visible, in both; header and in the body part.

How can I prevent this?

I have already adjusted the background color. This doesn't really work.
I don't want to integrate other tools such as: websitespeedy

Any ideas?

Thanks in advance!

You can change it by adding this to Website > Website Tools > Custom CSS

body {
	background-color: #f1f2f3 !important;
}

Thank you - I did it. It's still flashing. Pls see screenshot. I took the orange code instead... 

Try the following.

section[ data-section-id="659dbcb8ca6ee20db86e0d97" ] {

  --siteBackgroundColor : #EB7931;
  
  }

section[ data-section-id="656e4ac372bb280383799406" ] {

  --siteBackgroundColor : #f0923e;
  
  }

This won't stop the loading flash you are seeing but does make the background color closer to the overall color of the video.

Let us know how it goes.

Thank Creedon for your effort! First the page still loads in black, then some white field from e.g. form on the contact page, and finally the background color appears in orange. The color in the header disappears again while scrolling and comes back. 

I'm unable to reproduce your issue.

You will see me sitting on the page, do a super reload, and it looks pretty good to me.

Thanks, good to know! 🙂

Then it's probably more to do with my device configuration/browser....

I didn't check the about page. You can apply similar CSS to it. I updated the CSS I provided.

I choose a single color but you might be able to use a gradient of some kind to get a better transition as the pages load.