什么是加载 Font Awesome 最快的方法？

Question

我想知道如何让Font Awesome加载更快。应该使用JavaScript代码还是CSS？在HTML文件中应该放在哪里？如果使用JavaScript代码，应该使用哪些选项？

这是创建嵌入代码时Font Awesome CDN界面的截图: Font Awesome CDN界面的截图 目前，我正在使用JavaScript文件，但我不明白为什么Google PageSpeed会告诉我“删除阻止显示的JavaScript资源”，尽管我将脚本放在</body>结束标记之前...

注：我正在使用Font Awesome CDN。

提前感谢您的帮助。:)

- Thomas Kuntz

---

加载 Font Awesome 最快的方法是在你已经加载过一次之后，它就会继续从你的浏览器缓存中读取。 - GSerg

实际上我正在使用GitHub Pages，但它们似乎没有使用浏览器缓存... - Thomas Kuntz

Answer 1

目前最快的加载Font 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');

此外，您可以编辑字体awesome文件以删除不必要的元素，但这是浪费时间。另外，您可以将字体awesome文件加载到页脚而不是页眉中，在Google页面速度方面得分更高。

- Don Dilanga

Answer 2

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

- user6542529

---

谢谢您的回答，但您能否解释一下吗？ - Thomas Kuntz

Answer 3

我正在使用一种不同的技术，效果更好。 只加载我在特定网站中使用的一组选定图标。 这比像fontawesome一样一次性加载所有图标要好。 我正在使用这个工具：icomoon

- Adel Benyahia