「CSSパフォーマンスの最適化」とVitaly vitharの公正なコメントの記事を翻訳した後、内部ブラウザーエンジンのCSSセレクターの速度に関する一連の実験を行うことにしました。 結果は非常に面白く、いくつかの場所ではおそらく興味深いものでした。
方法論 ファイルサイズ
当然、1つのCSSルールの速度は非常に高速であり、数十から数百であっても、ブラウザの速度が著しく低下することはありません。 したがって、数千のルールで動作する実験を行う必要があります。そうしないと、結果の精度が非常に低くなります。 JavaScriptを使用してHTML / CSSコードを生成することは合理的ではないようです。ブラウザのJSエンジンの速度を考慮する必要があり、その結果、実験が十分にきれいにならないからです。
最終的に、十分な数の異なるCSSセレクターを含む静的ファイル（約300Kb）を生成することが決定されました。 この最も「十分な」数は、ファイルサイズ（ブラウザとインターネットを介して数MBを駆動したくない）とブラウザのHTML / CSSコードの速度（ファイルが複数になるように十分に低い必要があります）数百Kbを開くと、すでに著しく遅くなりました）。
webo.inで詳細を読む→