Pause DOM Rendering

Pausing the DOM rendering is useful for when you want to ensure your page is fully loaded before updating tags.

const head = createHead()
let pauseDOMUpdates = true
head.hooks.hook('dom:beforeRender', (context) => {
  context.shouldRender = !pauseDOMUpdates
})
// When your app is ready
loadPage().then(() => {
  pauseDOMUpdates = false
  // triggers the dom update
  head.hooks.callHook('entries:updated', head)
})
Edit this page on GitHub