Disabling Blogger Authorization Stylesheet

Blogger injects an authorization stylesheet right before </head> tag. If the blog author is logged in, this stylesheet will contain a style to display admin features, otherwise it's empty.

<link href='"https://www.blogger.com/dyn-css/authorization.css?targetBlogID=123xxxxx' rel='stylesheet'/>

Despite being empty, due to the placement of the injected tags, it will slow down your blog initial load time by at least 150ms. It has nothing to do with your internet connection, that's just how slow the server response is.

The only easy way to prevent it is by placing a comment open tag <!--.

<!--

</head>

This will not only comment out the authorization stylesheet, but also the Adsense publisher ID, if you use one. So, you'll have to manually place the Adsense script later.

Lazy Load Authorization Stylesheet

However, you may not want to block the stylesheet forever. For example, you may need it to display a post's quick edit link when the author is logged in. If so, you can load the stylesheet at a later time.

Template code:

  <b:if cond='data:view.isSingleItem'>
    <!-- Blogger default authorization style -->
    <link class='_authCSS' expr:data-href='&quot;https://www.blogger.com/dyn-css/authorization.css?targetBlogID=&quot; + data:blog.blogId' rel='stylesheet'/>
    <script>
    /* <![CDATA[ */
      {
      	setTimeout(() => {
      		let node = document.querySelector('._authCSS');
      		node.href = node.dataset.href;
        }, 250);
      }
    /* ]]> */
    </script>
  </b:if>

</body>

The above code will load the stylesheet after waiting 250ms, which should be enough to allow loading other scripts without blocking.