Font Awesomeを読み込むのが最も速いのは何ですか？

Question

どのようにフォントの読み込みが速くなるのだろうかと思っています。

JavaScriptコードまたはCSSを使用する必要がありますか？ HTMLファイルにはどこに置く必要がありますか？ JavaScriptコードを使用する場合、どのオプションを使用する必要がありますか？今の screenshot of the Font Awesome CDN interface when creating an embed code

、私はJavaScriptファイルを使用していますし、GoogleのPageSpeedは、「削除するために私に伝え、なぜ私は理解していない。ここで

は、埋め込みコードを作成するフォント恐ろしいCDNインターフェースのスクリーンショットです"表示をブロックするJavaScriptリソース" </body>終了タグの前にスクリプトを入れていますが...

注：私はFont Awesome CDNを使用しています。

ご協力いただきありがとうございます。 :)

Answer 1

CSSを使用してHTMLファイルの先頭に挿入する方がよいと思います。

Answer 2

現在、フォントを読み込む最速の方法は、cloudflare CDNを使用することです。 ワードプレスにいる場合はこれを使用してください。

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のページ速度を向上させることもできます。