Question

我使用的是超棒的字体5.3.1 CSS，并添加到我的页面中，如下所示：

 <script type="text/javascript">
        var shared = {};
        shared.css = ["https://use.fontawesome.com/releases/v5.3.1/css/all.css"];
        (function () {
            var container = document.querySelector('head');
            shared.css.forEach(function (href) {
                var css = document.createElement('link');
                css.href = href;
                css.rel = 'stylesheet';
                css.type = 'text/css';
                document.getElementsByTagName('head')[0].appendChild(css);
            });
        })(); 
    </script>

这是正文的结尾，但是当我在PageSpeed上运行页面时，它抱怨与字体真棒相关的渲染阻止CSS。

该如何解决？我尝试了字体真棒CDN，但它仅支持4.7，并且没有新版本。

Answer 1

您可以在页面完全加载后执行此 Javascript。请参阅以下内容：

document.addEventListener('DOMContentLoaded' (){
    /*** Put the code here **/

})

这将确保在完全加载文档后加载脚本。

Page Speed见解：渲染效果棒极了

1 个答案: