Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Initial Page Load issues - Head not updated until after load. #314

Closed
cryptiklemur opened this issue Aug 30, 2017 · 4 comments
Closed

Initial Page Load issues - Head not updated until after load. #314

cryptiklemur opened this issue Aug 30, 2017 · 4 comments

Comments

@cryptiklemur
Copy link

Working with an issue right now, trying to get the head to update as soon as possible, as my page loads data over time and shows a loading div until its done.

Throughout the request though, enough data is populated early to update the head. However, even if i render different data in <Helmet {...this.meta()} />, none of it is rendered/updated in the dom until AFTER the page is fully loaded.

Is there a way around this, besides SSR?

@cwelch5
Copy link
Contributor

cwelch5 commented Aug 30, 2017

@aequasi We just released a defer prop that you can set to false which will not use requestAnimationFrame and instead will update the DOM as soon as possible. If you want data to show up even earlier, make sure to put your most important data as high up in your component tree as possible.

@cryptiklemur
Copy link
Author

Awesome! That worked.

closed by #297

freiksenet pushed a commit to gatsbyjs/gatsby that referenced this issue Jun 11, 2019
…sed (#14661)

When opening a link from Gatsby site in a new tab (via cmd+click for example), the new tab title is not correctly updated from its default title. 
Related to:
nfl/react-helmet#315
nfl/react-helmet#314
mxxk pushed a commit to mxxk/gatsby that referenced this issue Jun 21, 2019
…sed (gatsbyjs#14661)

When opening a link from Gatsby site in a new tab (via cmd+click for example), the new tab title is not correctly updated from its default title. 
Related to:
nfl/react-helmet#315
nfl/react-helmet#314
johno pushed a commit to johno/gatsby that referenced this issue Jul 17, 2019
…sed (gatsbyjs#14661)

When opening a link from Gatsby site in a new tab (via cmd+click for example), the new tab title is not correctly updated from its default title. 
Related to:
nfl/react-helmet#315
nfl/react-helmet#314
@mrlaseptima
Copy link

mrlaseptima commented Nov 16, 2019

hi.
@cwelch5 thank you.
defer={false}
work for me .

sreetamdas added a commit to sreetamdas/react-helmet that referenced this issue Apr 8, 2020
davidmz added a commit to FreeFeed/freefeed-react-client that referenced this issue May 1, 2020
If defer is true (default value) the document title isn't updated while browser tab is inactive.

See nfl/react-helmet#314 and  https://freefeed.net/support/5bd48fee-226c-4393-beca-0fa7e94398a5#comment-ef68b416-6eb9-415e-ab33-c5562e6dc977 (bug report)
cwelch5 pushed a commit that referenced this issue Jun 11, 2020
@mzulfanw
Copy link

mzulfanw commented Jan 2, 2024

i'm faced issue when i added defer={false}, when i'm reload apps, the current show its still from the index.html, can anyone help me about this, thanks before

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants