Title update lag

I’ve noticed that there’s a bit of a lag between a route changing and the title property updating. I’m guessing that this is around 200 - 300ms. While minor, it does look just a bit off. I experience this in both my project and also running the react-helmet-example. Are there any suggestions about reducing this lag? If not, is there any known faster way to update the document’s title?

[dpehrson]

This is probably out of the scope of this library, but I thought I’d pop in a note of where this is problematic: Analytics.

I am sending Google Tag Manager events on history change, and the events getting sent to Google Analytics are always off-by-one on the URL <-> Browser Title relationship.

Hooks I’ve tried in my setup:

1. history.listen(): Fires before the title is updated
2. <Route onChange/>: Fires before the title is updated
3. componentDidUpdate(): Fires before the title is updated

The only hook I’ve found where I can get the correct timing is in <Helmet onChangeClientState/> but I then need to coordinate that with other callbacks to ensure analytics calls are made only at the right times.

To note again: I don’t actually think this is helmet’s problem, but I probably won’t be the last person to hit a wall here and wanted to leave some information behind.

[krismeister]

Alot of overkill fixes on this thread, you can set the title tag easily through window.document.title and its immediate.