performance - 加载 Font Awesome 最快的是什么？

Question

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

我应该使用 JavaScript 代码还是 CSS？我应该把它放在我的 HTML 文件的什么地方？如果我使用 JavaScript 代码，我应该使用哪些选项？

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

目前，我正在使用 JavaScript 文件，我不明白为什么 Google PageSpeed 告诉我“删除阻止显示的 JavaScript 资源”，尽管我将脚本放在 </body> 之前。结束标记...

注意:我正在使用 Font Awesome CDN .

在此先感谢您的帮助。 :)

Answer 1

目前加载 awesome 字体最快的方法是使用 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');

此外，您也可以编辑 font awesome 文件以删除不必要的元素，但这是浪费时间。您也可以在页脚而不是页眉中加载 Font Awesome 文件，以便在 Google pagespeed 中获得更好的分数。