Jump to content

Flickering effect while pages are loading (7.1)

Recommended Posts

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

Hi,

I was noticing on the 7.1 websites we have running a brief flicker effect when webpages are loading.

This is a 7.1 website without any application tags: https://www.interartists.nl/.
The flickering becomes more clear/disturbing in this bilingual website: https://www.bjornbox.com/ in which you briefly see all menu items while a new webpage is loading. Just click around from page to page and you'll notice.

Does anyone have a clue what's happening here? Is it a 7.1 thing? I've been taking out all custom code and I still see it happening.

Cheers,

Diederik

Edited by Diederik1570047953
Link to comment
  • Replies 2
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

25 minutes ago, Diederik1570047953 said:

The flickering becomes more clear/disturbing in this bilingual website: https://www.bjornbox.com/ in which you briefly see all menu items while a new webpage is loading. Just click around from page to page and you'll notice.

"Flickering" can happen if changes are made to the page after it loads.

In the case of the bilingual site, this is because the standard Squarespace page loads and shows all the nav items for all languages. Later when your code runs it removes the nav items that you don't want to show in this language.

To prevent these changes being visible you can hide all the nav items at load time (using some CSS) and then modify the code to only make them visible once the surplus items have been removed.

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Link to comment
  • 11 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.