CSSを使用して、ブックマークレットではありません

ストーヤンは完全に正しいです。私たちは皆CSSを愛していますが、それはまだウェブサイトの読み込み速度における重要な要素であり、CSSの使用を減らすことは良いことです。彼は、不要なCSSファイルを診断するために「CSS Me Not Not」と呼ばれる便利なブックマークを作成しました。これについては、後で詳しく説明します。

問題は、CSSがレンダリングをブロックし、JavaScriptの実行をブロックすることさえしばしばブロックする重要なパスにあることです。私たちはCSSが大好きです。それは驚くべきことです。信じられないほどの偉業を行い、損傷したUIを修正し、画像を操作し、素晴らしい写真を描くことができます。私たちはCSSが大好きです。私たちはただ...その性質がブロックされているので、CSSが少なくなります。

私たちのウェブサイトは、完全に不要なスタイルシート全体を使用することがあります。 WordPressはこれで有名であることを認めなければなりません。それは、まったく使用しないかもしれないプラグインとブロックにスタイルシートをロードします。この記事を書いたとき、私はこの状況にいました。ロードする必要のない小さなスタイルシートをクリアする時間が見つかりませんでした。

Stoyanは、これらすべてのCSSファイルを表示するために、「CSS Me Not Not」と呼ばれるクイックブックマークを作成しました。もちろん、最大の利点は、あなたが直面しているものをあなたに知らせることです。

これらのスタイルシートをDevToolsで見つけることもできますが、「CSS Me Not」ブックマークにより簡単になり、キラーがあります。これらのスタイルシートをオフにします。 CSS-TricksのWebサイトでこのブックマークをテストすると、WordPressが4つのスタイルシート（設定とプラグインのため）にロードされていることがわかります。

DevToolsでこれを行いたい場合は、CSSを押してネットワークリクエストをフィルタリングし、閉じたいスタイルシートを見つけ、右クリックしてブロックしてからリロードできます。

WordPressのスクリプトとスタイルを排除していない、私はこれに何年も取り組んできました。

完全に使用されていないスタイルシートを削除することは明らかな勝利ですが、未使用のCSSを削除することは、より難しい問題があります。その投稿では、特定のCSSが使用されていないかどうかを本当に理解する唯一の方法について言及しました。背景画像を各セレクターに添付し、生産期間後にサーバーログを確認して、どの画像が要求されていないかを確認することです。ストーヤンは私がここで言ったことを確認しました：

UNCSSは「ラボ」に少し似ています。 「現実の世界」はあなたを驚かせるかもしれません。そのため、Somecompany Inc.でトリックを行いました。各セレクターが1×1の透明な背景画像を取得するビルド時に、すべてのCSS宣言のツールを追加することです。次に、約1週間後にサーバーログを慎重に確認して、実際に使用されているものを確認します。

以上がCSSを使用して、ブックマークレットではありませんの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。