私のウェブサイトにプレフィックスフリーのプラグインを含めるべきですか

Question

Prefix-freeはLea Verouのクールなプラグインです。これは、開発者がプレフィックスのないCSS3セレクタを書くのに役立ちます。私はそれが私のサイトにそれを含める価値があるのだろうかと思います。

CSS3のウェブサイトがあります。ページが読み込まれた後にCSSを変更するJSファイルを読み込むと、ページのレンダリング速度が低下し、クライアント側のパフォーマンスに影響する可能性がありますか？

Answer 1

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

javascriptですべてのCSSを調べて変更するのは非常にコストがかかります。私はSASSやLESSのようなプリプロセッサを好んでいます。プリプロセッサのないCSSを書いて、プレフィックス付きのCSSを生成してクライアントに渡すことができます。もちろんこれには転送するCSSファイルが大きくなるという欠点がありますが、これが私が好むソリューションです。

あなた自身のために必要なミックスインを書く必要はありません。基本的に無数の拡張機能があり、あなたのために作業を行い、すぐに使えるミックスインを提供します。ただ、私の頭の上のうち

：以下のため、1がhttp://lessprefixer.com/使用することができます - サスhttp://compass-style.org/

Answer 2

はいのために、あなたは、ページの読み込み時間の減少と、おそらくFOUCを期待することができます。

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