Jump to content

White Flashing going to next page

Recommended Posts

Site URL: https://www.securview.com

Hi.  

On my site when using Chrome or Edge browser, when you jump to different pages there is a slight delay in loading images.  For half a second all the text loads but there is a white background on the page. It happens to fast that it's got like a flicker effect.

I did some research and it might have to do with how the browser loads the page and any javascript.  

Personally I can live with it, but my company wanted me to find a solution.  

If I can't control the speed in which this loads, can i at least change the temporary background color to black to prevent this "flicker" appearance?

Is this CSS code or javascript?  where do i insert such code?  what is the actual code?

Edited by sansari
Link to comment

Hmm I had saved my images with "save to web" option on photoshop.  My understanding I thought was whatever you uploaded to squarespace, they would optimize the file and compress for you automatically.  But i guess theoretically the larger the original file, the larger the compressed version will be?

 

But again, how do i change my background color?  If i can't resolve my images, if i have a black flicker instead of a white one, that'd be ideal.

Edited by sansari
Link to comment

I would think so, and I find that they are never compressed much, reducing the pixel size of the original image is much better solution. I will say this, I find your loading speeds to be rather typical, but a bit more noticeable due to the high contrast of your banners, not that bad though compared to an all single or low contrast color site.

I have seen blocks shift as well, depending on coding and other things, but not on your site. 

Edited by derricksrandomviews
Link to comment
  • 8 months later...
  • 10 months later...
On 12/28/2021 at 5:45 PM, GSolo said:

@whitney.revoir this is a solution for 7.0 template any idea how to do this on 7.1 version.

Thank you

Try adidng this to Design > Custom CSS

.section-background {
	background-color: white !important;
}

If it doesn't work, please share link to your site, we can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 5 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.