performance - 何が速いですか。CSS border-radius を介して 5 つの小さな円を生成します。または、小さな円の CSS スプライトを 5 回繰り返して使用しますか?

Question

すべてはタイトルに。

私は何でも最速でやりたいと思っています....スプライトであるかどうかにかかわらず、5つのCSSで生成された円は、外部画像をロードするよりも速くロードされると思います...しかし、私はもっと教育を受けた人を探しています意見を言う！

円 (拡大縮小、現在 CSS で生成):

http://puu.sh/3VZHO.png

Answer 1

それはすべてあなたのニーズにもよります。古い IE バージョンでは、border-radius が正しくレンダリングされていないと思うので、おそらくイメージ スプライトが最適なソリューションです。しかし、繰り返しますが、すべて依存しています。クライアントがインターネットの速度が遅い (css が最適) 場所にいるか、IE を更新せずに IE6 または 7 (スプライト) でスタックしている可能性があります。

1 つのスタイルシートをスプライト付きの IE 用に、もう 1 つのスタイルシートを css border-radius 用に使用して、両方を使用できます。