BP_023_ja.md

No.23 画像よりCSSを優先

識別子

GreenIT	V2	V3	V4
11	26	23

カテゴリ

ライフサイクル	サードパーティ	担当者
3. 実現 (製造 / 実装)	ネットワーク	ソフトウェアアーキテクト/開発者

効果

優先度	実装難易度	エコロジーへの影響度
4	3	4

リソース
ネットワーク / クエリ

説明

画像の代わりにCSS3のプロパティを使用すること。実際、スタイルシートの重さは、特に圧縮されている場合、かなり軽いからです。さらに、スタイルシートの呼び出しは1つのHTTPリクエストしか生成しませんが、多くの画像を使用する場合は、画像ごとに1つのHTTPリクエストが生成されます。

例

ケースの丸い角は、画像ではなくCSS3で処理する必要があります。

以下の記述を推奨します：

#cadre {
    border-radius: 10px;
}

<div id="cadre">
    <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    </p>
</div>

検証原理

検証項目	次の値以下である
CSSで置き換えることができた画像の数	0