メモログ

YSLOW (7): Avoid CSS Expressions

rules for high performance web sitesの七つ目。CSS Expressions の使用を避けよう。CSS Expressions とは、

background-color: expression( (new Date()).getHours() % 2 ? "#B8D4FF" : "#F08A00" );

みたいな、2 で割れたら#B8D4FF、割れなかったら #F08A00というように、CSS の指定をダイナミックに行える IE の独自拡張のこと。 便利な機能だけど、expressions の判定がマウスを動かしたりするだけで行われてしまうため、何千回も判定を繰り返す可能性がある(パフォーマンスにも影響がある)。

わたしはこの機能そのもののことを知らなかったからそう感じるのかもしれませんが、この独自拡張を使っている人っているのかなあ・・

私について

Yutaka Yamaguchi
東京在住。TypeScript, Node.js, Reactなどフロンエンドが主力。Perlも書く。SwiftやRubyも過去には使ってた。過去のTOEIC 860くらい。