font-awesome.min.cssのレンダリング ブロック対策について

[むーみん]

いつもSimplicity2を利用させていただいております。

font-awesome.min.cssがレンダリングをブロックしている為、これを排除するよう
ファーストビューに関連しない当該cssをbody部最後に非同期で読み込めないかと思い、
ご質問させていただきました。

Simplicity2 子テーマを使っていますが、HTMLヘッダー部に現在出力されている
＜link rel='stylesheet' id='font-awesome-css' href='//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css' type='text/css' media='all' /＞
をbody部最後に移動し、非同期でfont-awesome.min.cssを読み込む方法を
ご教示頂けましたら幸いです。

親テーマ内の「header-css.php」が関係していると思われ、試しに
＜link rel="stylesheet" href="＜?php echo get_template_directory_uri(); ?＞/webfonts/css/font-awesome.min.css"＞をコメントアウトした上で
子テーマの「before-main.php」にfont-awesome.min.cssのリンクコード追加してみましたが、
単純には反映されませんでした。

大変お手数ですが、宜しくお願い致します。

[わいひら]

こちらの方法などを試してみてください。
CSSの読み込みを遅延させるJavaScriptコード – NO TITLE

[むーみん]

わいひら様

早々にご回答頂きまして誠に有難うございます。

先のご質問に記しましたHTMLヘッダー部に出力されているfont-awesome.min.cssリンクコードを除外しようと、親テーマ内の「header-css.php」で先述の下記箇所をコメントアウトしても私の見当違いのようで除外されません。
＜link rel="stylesheet" href="＜?php echo get_template_directory_uri(); ?＞/webfonts/css/font-awesome.min.css"＞

Simplicity2親テーマ内で出力されるコードと思いますが、どのファイルの何処をコメントアウトすれば、font-awesome.min.cssのリンクコードを除外できるでしょうか？

尚、ご教示頂いた「CSSの読み込みを遅延させるJavaScriptコード – NO TITLE」の方法で当該css遅延読み込み用の新たなリンクコードは追加できました。

度々、ご面倒をお掛けしますが、宜しくお願い致します。

[わいひら]

lib/scripts.phpの中をファイル名で検索していただくと以下の部分が見つかると思います。

  ///////////////////////////////////////////
  //Font Awesome
  ///////////////////////////////////////////
  wp_enqueue_style( 'font-awesome-style',  get_template_directory_uri() . '/webfonts/css/font-awesome.min.css', array('simplicity-style') );

[ポパイ]

こんにちは。

とても使いやすくてセンスの良いテーマを無料で使わせて頂き、いつもありがとうございます。

また、他の方のご質問にかぶせる形での問い合わせとなり、申し訳ございません。

私もまさにFont Awesomeのレンダリングブロックの問題が改善できずに困っております。

こちらに貼って頂いた“CSSの読み込みを遅延させるJavaScriptコード – NO TITLE”の記事も削除されてしまっており…非同期読み込みの方法を改めてご解説頂くことはできませんでしょうか？

お忙しいところ恐れ入ります。ご協力を頂けますよう宜しくお願い致します。

[わいひら]

新しいトピックでないと、メールが届かないので気づきませんでした。
申し訳ないですが僕もその記事の内容までは覚えていません。
カスタマイズ方法についても、PHP編集やJavaScript編集が必要なものは、サポート対象外のものなので独自で行っていただくか、業者に依頼していただくしかないかもしれません。
https://wp-simplicity.com/forums/unsupported/

[投稿者]

投稿