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

Simplicityの特徴 フォーラム Simplicityについての質問 font-awesome.min.cssのレンダリング ブロック対策について

  • このトピックには5件の返信、2人の参加者があり、最後にわいひらわいひらにより6ヶ月前に更新されました。
5件の返信スレッドを表示中
  • 投稿者
    投稿
    • #47540 返信
      むーみん
      ゲスト

      いつも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のリンクコード追加してみましたが、
      単純には反映されませんでした。

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

    • #47550 返信
      わいひらわいひら
      キーマスター

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

    • #47558 返信
      むーみん
      ゲスト

      わいひら様

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

      先のご質問に記しました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遅延読み込み用の新たなリンクコードは追加できました。

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

    • #47561 返信
      わいひらわいひら
      キーマスター

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

        ///////////////////////////////////////////
        //Font Awesome
        ///////////////////////////////////////////
        wp_enqueue_style( 'font-awesome-style',  get_template_directory_uri() . '/webfonts/css/font-awesome.min.css', array('simplicity-style') );
    • #62542 返信
      ポパイ
      ゲスト

      こんにちは。

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

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

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

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

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

    • #62553 返信
      わいひらわいひら
      キーマスター

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

5件の返信スレッドを表示中
返信先: font-awesome.min.cssのレンダリング ブロック対策について
あなたの情報:




スポンサーリンク
アドセンス(大)
アドセンス(大)