由 webfontloader 加载的谷歌字体被渲染阻塞

Posted 2023-03-15

【中文标题】由 webfontloader 加载的谷歌字体被渲染阻塞

【英文标题】：Google font loaded by webfontloader is render blocking

【发布时间】：2018-08-28 21:47:11

【问题描述】：

先对不起我的英语。我错过了什么？我使用以下代码来防止渲染阻塞内容：

WebFontConfig = 
    google: 
        families: ['Lato:300,300i,700']
    ,
    active: function () 
        //document.querySelector('body').fadeIn(1000);
    ,
;

(function () 
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
        '://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
)();

没有成功 speedtest 抱怨渲染阻塞字体 (async = true)...。我想知道是否有另一种方法可以防止这种渲染阻塞......

【参考方案1】：

您可以在 googlewebmaster 中使用 robots.txt。 经验： 禁止：http://exampel.com/postnumber