Canvas Support

Page does not render until all references are loaded - is there a way to force

1 reply · opened Aug 15, 2018

MmattbemisAug 15, 2018

Hi,
Is there a way to force the page to render BEFORE all references are loaded? I'm guessing there's some javascript that keeps the page hidden until everything is ready.

We have a site in China, where they are currently having problems with getting references from addthis and google. It's taking about 30 seconds for these references to timeout during the page load. I'd like to force the page to render before these references are fetched/timeout. This is forcing the user to not see a page for about 60 seconds. The html is fetched in the first second or so, the rest of the references are quick, it's just the odd .js that is stalling the load event.

I know this is a weird ask, but it'll take us a while to replace the functionality for addthis and google maps, so I'd like the China pages to render at a reasonable time rather than at the end of the reference loading.

SSemicolon WebSTAFFAug 16, 2018

Hello,

This is Definitely Possible! Simply add the data-loader-timeout="5000" Attribute to the <body> Tag. This will enforce the Page to display the Contents within 5 seconds (5000 milliseconds). You can also add the .no-transition Class to the <body> Tag if you would like to disable the Page Transition completely.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard