＆＃34;脚本作为渲染阻止文件＆＃34;使用Web Font Loader后

Question

我正在尝试删除＆＃34;脚本作为渲染阻止文件＆＃34;加载Google网络字体导致的Google Pagespeed insight错误。互联网告诉我使用Web Font Loader加载字体异步。我在页脚中放置了以下javascript，字体加载良好，但我的pagespeed洞察结果中仍然出现渲染阻止错误。

注意：字体渲染阻止错误仅显示在移动测试中，而不显示在桌面上。

<script>
      WebFontConfig = {
         google: {
            families: ['Archivo Narrow:300,400,700']
         }
      };

      (function(d) {
         var wf = d.createElement('script'), s = d.scripts[0];
         wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';
         wf.async = true;
         s.parentNode.insertBefore(wf, s);
      })(document);
</script>

修改

尝试在关闭body标记之前添加脚本仍会导致渲染阻止文件错误：

<script>
   WebFontConfig = {
      google: {
         families: ['Archivo Narrow:300,400,700']
      }
   };

   (function(d) {
      var wf = d.createElement('script'), s = d.scripts[0];
      wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';
      wf.async = true;
      document.body.appendChild(wf);
   })(document);
</script>