javascript - 使用 Web Font Loader 后的“脚本作为渲染阻止文件”

Question

我正在尝试从加载 Google Web 字体引起的Google Pagespeed 洞察力中删除“脚本作为渲染阻止文件”错误。互联网告诉我使用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>