javascript - Web サイトに「接頭辞なし」プラグインを含める必要がありますか

Question

Prefix-freeは、Lea Verou によるクールなプラグインです。開発者がプレフィックスなしで CSS3 セレクターを作成するのに役立ちます。それを自分のサイトに含める価値があるかどうか疑問に思っています。

CSS3 を含む Web サイトを持っています。ページの読み込み後に CSS を変更する JS ファイルを読み込むと、ページのレンダリング速度が低下し、クライアント側のパフォーマンスに影響するかどうかを知りたいですか?

Answer 1

もちろん、CSS を変更する Javascript を実行すると、JavaScript の実行時間とサイトの (再) レンダリング速度の両方の点で、サイトのパフォーマンスが低下します。

JavaScript にすべての CSS を調べて変更させるのは非常にコストがかかります。私はSASSやLESSのようなプレフィックスのない CSS を記述し、それをクライアントに配信する前に対応するプレフィックス付きの CSS を生成できるプリプロセッサを好みます。もちろん、これには転送する css ファイルが大きくなるという欠点がありますが、それでもこれは私が好む解決策です。

必要なミックスインを自分で作成する必要はありません。基本的に無数の拡張機能があり、それらが作業を行い、すぐに使用できるミックスインを提供します。

私の頭のてっぺんから：より少ない場合は、http://lessprefixer.com/を使用できます-Sassの場合はhttp://compass-style.org/

Answer 2

はい、ページの読み込み時間とおそらくFOUCの減少が期待できます。

エンド ユーザー エクスペリエンスを妥協したくない場合は、LESSなどのツールを使用することをお勧めします。Less を使用すると、サーバーからクライアントに送信する前に通常の css に変換される、よりコンパクトで管理しやすい css マークアップを作成できます。css-prefix の問題を簡単に処理できます。