Background loading before page content causing lag

I can't figure out what's going on, but my site background color is loading first, which is slowing the site loading speed and creating a "flashing" effect as the page loads. I've tried a couple of code snippets offered on this forum, but I haven't been able to resolve it.

There is one page on my site that seems to load properly, and the only difference is that it has uniformity in background color and sections. The trouble seems to be with loading pages that have different backgrounds/sections.

I've tried removing the divider and the background art, and it doesn't seems to make a difference. 

I've been using Squarespace for around 8 years, and I have never come across this before. Why does the site even have a sitewide "yellow" background? I can use code to change it to white, but the flashing and loading problems persist. I wonder if this is a Squarespace glitch? 

https://www.contentlime.com/

Try this to Website Tools > Custom CSS

body.homepage {
    background-color: #2d2e29 !important;
}

On 8/21/2024 at 3:13 AM, tuanphan said:

Try this to Website Tools > Custom CSS

body.homepage {
    background-color: #2d2e29 !important;
}

 

Hi there, thank you for this. All this does is change the background color. Background still loads first, causing lag and a flickering.