0

CSSコードを最適化するにはどうすればよいですか？-moz-や-webkit-、border-top-left-radiusなど、さまざまなCSS3行があります。CSSファイルが大きいほど、ページの読み込み時間が大幅に長くなると思います。

そして別の質問：私はかなりの数のコードを書きましたが、その一部は未使用のままです。私は2000行以上のCSSコードを持っており、おそらく200〜300行を削除できると思います。すべてのコードを改訂する価値はありますか？かなり時間がかかります...

4

3 に答える 3

4

サーバーにアップロードする前にファイルをgzipで圧縮する

ファイルサイズを大幅に削減します

編集：GZippingの効果-

Bargaineeringで.cssファイルをgzipすることにより、そのサイズは28.2Kから7.3Kに減少し、74.1％の節約になりました。

于 2012-07-21T17:31:12.980 に答える
2

  • 常に最後のセミコロンを削除します。

    body { background: black; color: white; }
    に
    body { background: black; color: white }

  • 複数のプロパティを組み合わせる：

    .class { margin-top: 10px; margin-right : 20px; margin-bottom: 30px; margin-left: 40px; }
    に
    .class { margin: 10px 20px 30px 40px; }

  • シンプルな色を使用する（`#FFFFFF, #AABBCC, #FF0000置く代わりに#FFF, #ABC, #F00）

  • 最も重要なことは、サーバーにアップロードする前にコードを縮小することです。空白とコメントを削除し、コードとファイルサイズを大幅に削減します。
于 2012-07-21T17:33:41.780 に答える
0

ファイルが小さいほど、ダウンロードが速くなり、ユーザーはスタイルをすばやくレンダリングできます。さまざまな縮小スクリプトがあります。YUICompressorを確認します：http：//refresh-sf.com/yui/

于 2012-07-21T17:32:38.783 に答える