問題タブ [critical-css]

Critical CSSを理解しようとしています。

Critical CSS を使用すると、ツールは「スクロールしなければ見えない場所」にあるコンテンツを読み込むために重要な重要な CSS を抽出することを理解しています。

私が苦労している点は次のとおりです。DOM とブラウザーは、(ページのさらに下に配置された) CSS 全体を再びロードすることを期待されていますか? この結果、CSS クラスが繰り返されることになり、あまり意味がありません。

別の言い方をすれば、CSS ファイル全体が分割されているため、繰り返されるクラスはありませんか?

レンダリング ブロック css を回避して、サイトのパフォーマンスを向上させようとしています。問題があると思われるファイルは 1 つだけです。これは、CDN から取得した圧縮されたブートストラップ スタイルシートです。私は複数の異なるアプローチを試みましたが、何もうまくいきませんでした。プロジェクトに Bootstrap CDN スタイルシートのコピーを作成し、サイトで現在使用している css のみが含まれるように編集したいと考えています。サイトをシリアル化し、使用されていないスタイルシートからスタイルを削除する方法はありますか? いくつかの異なる解釈について読んだことがありますが、それらのほとんどは Chrome 以外のブラウザーでは機能せず、スタイルシートでメディア クエリを実行すると壊れます。