不要なCSSと最適化

不要なCSSを含むとブラウザが遅くなる（Chromium、Mobile Safari）不要なCSSと最適化

私が意味する、すべてのPHPファイル内

function insert_style_sheet() 
{ 
    include "style_sheet.tpl"; 
}

。テンプレートファイルstyle_sheet.tplは次のとおりです。

<link rel="StyleSheet" type="text/css" href="css/main.css"> 
<link rel="StyleSheet" type="text/css" href="css/controls.css"> 
<link rel="StyleSheet" type="text/css" href="css/whatever.css">

出典

2011-12-04 noober

はい、YSlowなどのパフォーマンスアナライザで差異を測定できます。大きさに応じて余分なスタイルシートや2つのスピードエフェクトが無視される場合があります。基本的に、より多くのスタイルシートは、パイプラインにこれを追加します。ブラウザがCSSファイル（HTTP呼び出しの数を減らすことをつかむために

もっとHTTPラウンドトリップに対して各要素をチェックする必要が

もっとCSSルールの素晴らしいです重要性は、あなたのサイト/アプリのパフォーマンスを最適化しているとき、あなたの優先順位は1.ネットワーク接続2は、あなたのスタイルシート）ポール・アイリッシュrecently tweeted、」として

をダウンロードする必要があり

以上のバイトを組み合わせることを検討しますDOMアクセス3. Javascript optイメージング。（ブラウザウィンドウのスクロールやリサイズ時に最高の見：.cssファイルの数は、.cssファイルの

サイズは

ページのパフォーマンスをダウンロードし、ダウンロード

出典

2011-12-04 01:48:11

CSSの一般的なルールは何ですか？すべてのCSSを常にマージしてネットワーク接続数を減らす必要がありますか？ – noober

それは異なります。 CSSのマージは、通常、非常に良いアイデアです。最小化は常に良いアイデアです。 CSSをマージする際の唯一の欠点は、CSSルールの大部分を必要としないページもありますが、ユーザーは完全なマージ済みのスタイルシートをダウンロードする必要があります。ページ固有のCSSと多数の個別のCSSファイルを持つユニークなページがたくさんある場合、マージすると他のページに不必要な膨らみが生じることがあります。 –

あなたのサイトは間違いなく遅くなる可能性があります。可能であれば、それらを組み合わせてCSSファイルの数を減らすのが最善です。それはまた、それらのファイルのそれぞれにどのくらいのCSSがあり、それがより肥大しているかどうかに依存します。

出典

2011-12-04 01:45:02 Scott

ページのロード時間がに影響されます）

ブラウザが検索するセレクタの数。
各セレクタ

のプロパティの数だから... ...ファイルを結合、未使用のCSSプロパティとセレクタを削除します。あなたのCSSを圧縮するが、セマンティクスで編集して圧縮して保存できるように、非圧縮のバージョンを保存する。

これは私がCSSを使って作業する方法です。あなたに役立つことを願っています！

出典

2011-12-04 01:50:53 alt

答えて

関連する問題