CSSセレクタの高速化の話し - Webtech Walker

続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった（というか全然知らなくてちょっとびびった）ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。（#fooをとるとより高速） 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して

[tacamy]

ホッテントリ入りで入籍だそうなので支援！

[s99e209]

“セレクタは右から左に解釈される”

[fishbirdfish]

CSS　セレクタ高速化

[Nekoyama]

知らんかったー！

[letsspeak]

CSSセレクタの高速化の話し - Webtech Walker

[vitaminsii]

「DOM要素の数がすごく多くなるとCSSのセレクタの書き方がネックになることもある」

[d_animal141]

CSSセレクタの高速化の話し

[kk1977]

CSS記載方法勉強しています。

[gazouzip2ch]

情弱の素人なりにブログを高速化出来ないものかと勉強中。cssについて面白い記事を発見しました。⇒

[mash_kororo]

CSSの書き方で速さが変わるとは。。。

[akatuki_sato]

うわ、そうだった。。。知らなかった＞セレクタは右から左に解釈される

[mrhdms]

作業効率やコードの可読性などとのトレードオフを考えて

[yasu-log]

［B!］CSSセレクタの高速化の話し。子孫セレクタは少ないほうがよい

[magpepen]

右から左に読まれる

[mei_koutsuki]

これは知っておくべきか

[hiroomi]

トレードオフを考えて敢えて低速な書き方をするのと、知らないで低速な書き方をしているのは大きな違い

[hideki_a]

前に本で読んだけど、上手くまとめられているのでブクマ。

[toton]

"セレクタは右から左に解釈される"

[n2s]

「セレクタは右から左に解釈される」マジで！？

[janus_wel]

へー

[diveintounlimit]

どっかのサイトの日本語訳。論理的に考えればそうなるであろうというだけで、根拠がない気がするんだよねぇ。。実際に試してるのだろうか？あと、高速化/最適化するほどデカいスタイルシートを書く機会って一体いつ?

[alucari]

これは意外だった。

[proto_jp]

セレクタは右から左に解釈される

[ksd6700]

あー、これ凄いね

[ofsilvers]

"セレクタは右から左に解釈される"

[o_hiroyuki]

cssの高速化

[tnn-jp]

へぇー！

[sinsengumi-2]

まじか

[kulamochi]

パフォーマンス面では初見、勉強になりました。

[hysa]

"普通のWebサイトつくっててCSSのセレクタが速度のネックになることはほとんどないと思います。" "セレクタは右から左に解釈される"、"子孫セレクタは遅い"、"idやclassには要素名をつけないほうが高速"

[hazratt]

そうなのか。どっかで見た話は逆だった気がする。裏とりたいな。