<!DOCTYPE html>
<html class="no-js">
  <head>
    <meta charset="{charset}">
    <title>{title}</title>
    <meta http-equiv="X-UA-Compatible" content="ie=edge;chrome=1">
    <meta name="description" content="{description}">
    <meta name="keywords" content="{keywords}">
    <meta name="robots" content="{robots}">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="{author}">
    <link rel="shortcut icon" href="{favicon}">
    {fallback}
    {dependencies}
    <script>pipe = new BigPipe(undefined, { pagelets: {length}, id: '{id}' })</script>
  </head>
  <body data-pagelet="{_child}">
  </body>
</html>
<!DOCTYPE html>
<html class="no-js">
  <head>
    <meta charset="{charset}">
    <title>{title}</title>
    <meta http-equiv="X-UA-Compatible" content="ie=edge;chrome=1">
    <meta name="description" content="{description}">
    <meta name="keywords" content="{keywords}">
    <meta name="robots" content="{robots}">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="{author}">
    <link rel="shortcut icon" href="{favicon}">
    {fallback}
    {dependencies}
  </head>
  <body data-pagelet="{_child}">
    <script>pipe = new BigPipe(undefined, { pagelets: {length}, id: '{id}' })</script>
  </body>
</html>

Move the script to the body
[fix] Move the script to the body

This ensures that the `document.body` is available when our
plugins are loading as there is no reliable way.
