加载 Font Awesome 最快的是什么？答案

【问题标题】：What's the fastest was to load Font Awesome?加载 Font Awesome 最快的是什么？
【发布时间】：2017-10-13 21:16:56
【问题描述】：

我想知道如何将 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。

提前感谢您的帮助。 :)

【问题讨论】：

加载 font awesome 的最快方法是加载一次，然后它会不断从浏览器缓存中获取。
其实我用的是 GitHub Pages，他们似乎没有使用浏览器缓存...

标签： performance font-awesome cdn pagespeed

【解决方案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');

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

【讨论】：

【解决方案2】：

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

【讨论】：

感谢您的回答，但您能解释一下吗？