ハイパフォーマンスCSSの記述方法 : Weblog : SimpleIsm

CSS すでにいろいろ出回っていますが、そういった情報は1つだけあれば良いわけではなく、それらの情報をまとめたり、精査していって、さらにより良いものになっていくのがWebの良いところだと思います。業務を行う中でメモしていたものが貯まってきたので、その理由とかを調べてみたのでまとめます。まぁ前置きはこれぐらいにして本題。 CSSをシンプルに効率良く書くということは、ネットワーク転送量の低下、パース速度の向上、そしてHTMLとのマッチング効率化に繋がります。そしてそれは即ち、ページのパフォーマンスを向上させることに繋がります。 また、「効率的なスタイル指定をする」と考えながら臨むと肩に力が入ってしまいますが、「非効率なスタイル指定をしない」という視点で考えていけば、自ずと軽量で効率的なCSSを記述することができると思います。 パターンマッチング(Pattern matching)について 「非

[ysk_lucky-star]

どこまでパフォーマンスに影響を与えるか

[raimon49]

IDはIDのみで　子孫セレクタを控える　しかしこれらは利便性とトレードオフ。

[t32k]

こうゆうのもあったりする　http://warikiru.blogspot.com/2009/10/performance-impact-of-css-selectors.html

[yosshi]

可読性、メンテナンス性とのトレードオフやなあ。。

[tarchan]

一般ルールを使用しないぶんIDやクラスを乱発したら本末転倒じゃないの？

[takkada]

CSSの記述方法。これで統一…でおけ？

[zorio]

本当に速いのか、考慮する価値があるほど速くなるのか、が知りたいな。

[inurota]

これはよいまとめ

[itochan]

ファイル数と比較しての「遅さ」で考えればCSS適用の「遅さ」はきっと桁が違う（ずっと速いだろう）と思う。　（どうなのかは知らないけれど）ただ「遅くなるから」では萎縮するだけだし時間尺度を合わせて欲しい

[hashimoya]

ページの表示速度を早くするCSSの書き方。運用・効率化とはまた違った視点から。参考にする。

[popup-desktop]

ちょっとだけ参考に。

[kits]

MDCの文書はUIに対するCSS向け(なので効率重視)であって、HTML文書用のCSSにそのままあてはまるものでもないのでは。(CSSは本来非効率なものとだと思う)

[Layzie]

子孫セレクタは使ってしまうな…。一度CSSの記述考えよう。

[yoruaki]

的な内容を会社の先輩に発表しようと思いまして。