加载Font Awesome最快的是什么?

时间:2016-09-18 15:30:51

标签: performance font-awesome cdn pagespeed

我想知道Font Awesome如何加载速度更快。

我应该使用JavaScript代码还是CSS?我应该把它放在我的HTML文件中?如果我使用JavaScript代码,我应该使用哪些选项?

以下是创建嵌入代码时Font Awesome CDN界面的屏幕截图: screenshot of the Font Awesome CDN interface when creating an embed code

目前,我正在使用JavaScript文件而且我不明白为什么Google PageSpeed会告诉我&#34;删除阻止显示的JavaScript资源&#34;虽然我把脚本juste放在</body>结束标记...

之前

注意:我使用Font Awesome CDN

提前感谢您的帮助。 :)

2 个答案:

答案 0 :(得分:0)

我认为使用CSS会更好,并将其包含在HTML文件的头部。

答案 1 :(得分:0)

目前加载字体的最快方法是使用cloudflare CDN。 如果您使用的是WordPress,请使用此选项。

function add_font_awesome() {
    wp_enqueue_style('fontawesome-css-new','//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
};
add_action( 'wp_enqueue_scripts', 'add_font_awesome');

此外,您可以编辑字体真棒文件以删除不必要的元素,但这是浪费时间。你也可以在页脚中加载字体真棒文件而不是标题,以便在Google pagespeed中获得更好的分数。