タグ

2013年7月14日のブックマーク (2件)

  • CSSの記述の仕方などを工夫してページの読み込みを高速化する方法 - ディレイマニア

    最近ブログの読み込みの速度が気になってます。 サイトの表示を早くする方法はいろんなところで見かけますが、ちょっとしたテクニックはいくつ知ってても損はないですよね。 今日はソースの記述の仕方を工夫してページの読み込みを高速化する方法をご紹介します!

    CSSの記述の仕方などを工夫してページの読み込みを高速化する方法 - ディレイマニア
    Nekoyama
    Nekoyama 2013/07/14
    もう一個
  • CSSセレクタの高速化の話し - Webtech Walker

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

    CSSセレクタの高速化の話し - Webtech Walker
    Nekoyama
    Nekoyama 2013/07/14
    知らんかったー!