スタイルシートからhtml形式で抽出されたスタイルのみを抽出します。

Question

過去のレンダリングブロックCSSを取得して、自分のサイトのパフォーマンスを向上させようとしています。 1つのファイルだけが問題であるように見えますが、CDNから取得したブートストラップスタイルシートは小さくなっています。私は複数の異なるアプローチを試みましたが、何も機能していませんでした。私は自分のプロジェクトにBootstrap CDNスタイルシートのコピーを持っていて、それを編集して私のサイトで現在使用しているCSSしかないようにしたいと思います。あなたのサイトをシリアライズし、使用されていないスタイルシートからスタイルシートを削除する方法はありますか？私はいくつかの異なる取り組みについて読んだことがありますが、ほとんどはChrome以外のブラウザでは動作せず、スタイルシートでメディアクエリを打つと中断します。

Answer 1

githubとnpmには複数の重要なCSSツールがあります。最大のものはおそらくhttps://github.com/addyosmani/criticalです。あなたは、HTMLページを開き、どのスタイルが使用されているか把握し、それに基づいてスタイルシートを作成します。

はいこれらのツールのほとんどは、高度なCSSに関する問題を抱えていますが、これはメディアキューをサポートするようです。そのgithubリポジトリで議論されている多くの問題がありますが、彼らは非常に特定のもののように見えるので、良いサインとしてそれを数えることができます - それは人気があり、維持されています。