キャッシュを有効化しつつ[CSS]や[JavaScript]ファイルの変更を確実に反映させる方法

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも キャッシュを有効化しつつ[CSS]や[JavaScript]ファイルの変更を確実に反映させる方法

  • このトピックには2件の返信、1人の参加者があり、最後にけしけしにより5年、 11ヶ月前に更新されました。
2件の返信スレッドを表示中
  • 投稿者
    投稿
    • #59766
      けしけし
      ゲスト

      以前、わいひらさんに以下の過去ログで対応をしていただいたものです。

      https://wp-simplicity.com/suport/topic/%E3%83%96%E3%83%AD%E3%82%B0%E3%82%92%E8%A6%8B%E3%81%AB%E6%9D%A5%E3%81%A6%E3%81%8F%E3%82%8C%E3%82%8B%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E3%81%95%E3%82%93%E3%81%AE%E3%82%AD%E3%83%A3%E3%83%83%E3%82%B7/

      cssを更新する度に新しいcssを生成して適用するスクリプトを組んでいただのですが、どうやら過去のcssが削除されず蓄積されているようです。

      Page Speed Insightsで調べたところ以下の指摘がありました。
      「ブロッキング CSS リソースが 27 あります。これが原因で、ページのレンダリングに遅延が発生しています。」

      この場合、どのような対応をすればよろしいでしょうか?

      できれば、わいひらさんに作成していただいたスクリプトはこのまま使用する形で対処したいです。

      お忙しいところ申し訳ございませんが、対処法をアドバイスいただけると幸いです。

      当ページ
      https://keshitan.com/

    • #59771
      Akira
      ゲスト

      わいひらさんが作成されたコードは、 CSS と JavaScript ファイルにバージョン名を付けるものです。新しい CSS を生成しているというわけではありません。なので、過去の CSS が蓄積しているわけでもありません。

      Page Speed Insights が指摘しているのは、「サイトの読み込み(レンダリング)を邪魔(ブロック)している CSS ファイルが 27 個あります。この CSS ファイルを除去すれば、サイトが高速化します。」というものです。

      レンダリングをブロックしている CSS ファイルとは、けしけしさんのサイトの <head>タグ内で読み込まれている CSS ファイルです。 Simplicity 親テーマと子テーマ、 Speech Bubble ・ Table of Contents Plus ・ WordPress Popular Posts ・ Jetpack プラグインの合計 27 個の CSS ファイルが読み込まれています。

      レンダリングをブロックする CSS ファイルを除去するには、主に 3 つの方法があります。

      • CSS をインライン化する
      • CSS を JavaScript で非同期で読み込む
      • CSS を <link rel=”preload”>で読み込む

      また、 Autoptimize プラグインを使用する方法もあります。 CSS ファイルを 1 つにまとめられるので、レンダリングブロックを最小限に抑えられます。

    • #59772
      けしけし
      ゲスト

      Akiraさん

      ご返信ありがとうございます。
      Akiraさんのおかげで改善されました。
      ありがとうございます。

      Autoptimaizeをプラグインしていましたが、
      設定がされておりませんでした。

      わいひらさんに作っていただいたスクリプトと
      決めつけてしまい、申し訳なく思っております。

      また、何かありましたらアドバイスなどいただけると幸いです。

      ありがとうございました。

2件の返信スレッドを表示中
  • トピック「キャッシュを有効化しつつ[CSS]や[JavaScript]ファイルの変更を確実に反映させる方法」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)