(閉じる)

はてなブックマーク > コンピュータ・IT > [css] @importを使うべきでない理由 | Screw-Axis

[css] @importを使うべきでない理由 | Screw-Axis

screw-axis.com

タグ :

コンピュータ・IT 157 users このエントリーをはてなブックマークに追加

[css] @importを使うべきでない理由 | Screw-Axis

実は以前に別の場所でも書いたのですが、今回Google Page Speedの方でも少しだけ触れられていたので、改めてまとめ。 自分でも経験があることなのですが、開発をやっているとどうしても、構造をモジュール化して複数のファイルに分割して管理したくなります。 StyleSheetにおいても同様で、プレゼンテーション層のコンポーネントにあわせてCSSを用意し、ページ構成にあわせて取り込むようなことをやりたくなるでしょう。 しかしその際、@import構文を使うのはパフォーマンスと挙動の両方に有害である可能性... > このページを見る

最終更新時間: 2009年06月08日12時32分
▼ブログで紹介する

このエントリーに含まれている商品

ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール
  • ハイパフォーマンスWebサイト ―高速サイトを実現する14のルールハイパフォーマンスWebサイト ―高速サイトを実現する14のルール
  • Steve Souders, スティーブサウダーズ, 武舎広幸, 福地太郎, 武舎るみ
  • ￥ 1,890
    在庫あり。 (2011/09/05 12:38 時点) 価格表示について
    価格は、記載された日付／時刻の時点において正確です。価格は変更される場合があります。購入時にAmazonウェブサイトに表示されている価格が、その商品の販売に適用されます。
    • 出版社/メーカー:オライリージャパン(大型本)
    • 発売日:2008/04/11
    • Amazon.co.jp 商品ランキング:24,228 位
  • amazon.co.jp 詳細ページへ

みんなのブックマーク 人気（0） 新着

  • poyosi poyosi , , , , ,
    @importを使うとパラレル（並行）ダウンロードされない場合がある 2012/05/29
  • rna rna ,
    ブラウザが並列ダウンロードしてくれない場合がある、cssの適用とjsの実行の順番が制御できない場合がある、とのこと。 2012/02/13
  • contractio contractio ,
    あとで読む。 2012/02/13
  • ama-ch ama-ch , ,
    いいまとめ 2012/02/08
  • sessan sessan
    @importはパフォーマンスに影響するのね。 2011/12/21
  • hisasann hisasann ,
    ですよねー 2011/11/30
  • fumitana fumitana
    @importを使うべきでない理由 | Screw-Axis 2011/10/16
  • nilab nilab
    「インラインで@importを使うことは、IEではパフォーマンスの劣化と異常動作を招く」「パラレルにダウンロードが出来なくなるケースが」「CSSの読み込み順序が変わってしまうことが」[css] @importを使うべきでない理由 | Screw 2011/09/22
  • tt4cs tt4cs
    @importをへたに使用すると、読み込みがシーケンシャルになってしまう可能性がある、というお話。意外な盲点だった。 2011/07/04
  • flabaka flabaka
    @importはIEではパフォーマンスの劣化と異常動作を招くので、使うべきではない 2011/05/25
  • mokehehe mokehehe ,
    写真がいいね 2011/02/08
  • hurvinek hurvinek
    速度を気にするサイトなら使わないほうがよさげ 2011/02/01
  • magotora magotora , ,
    のよいとこわるいとこ。 2010/11/21
  • kno kno ,
    ”ある条件下で＠importを使うと、CSSの読み込み順序が変わってしまうことがあります。”うわあ 2010/10/14
  • language_and_engineering language_and_engineering
    @import構文は，CSSのダウンロードを直列化してしまい，パラレルに読み込めない。速度の問題。JSと組み合わせた場合に問題発生も。＞linkタグで読み込んだほうがよい 2010/01/22
  • toton toton
    「可能な限り@importは用いず、linkを使ってパラレルに読み込むことが最も推奨されます。」 2010/01/12
  • llcheesell llcheesell ,
    "以上のことから、可能な限り@importは用いず、linkを使ってパラレルに読み込むことが最も推奨されます。" 2009/07/02
  • maRk maRk
    URIエンコードのアルファべトの大文字か小文字<ins>か</ins>で分散してる感じ。 / http://b.hatena.ne.jp/entry/13862909 2009/06/18
  • kana-kana_ceo kana-kana_ceo , , ,
    このページ、ブクマしたんだけど一覧では表示されない。ので、も一回。 / 「このエントリーをブックマークに追加」から追加。 / http://b.hatena.ne.jp/entry/13862909 2009/06/18
  • kasane_yuuhi kasane_yuuhi ,
    取得に時間が掛かる｜CSSの読み込み順序が変わってしまう 2009/06/18

このブックマーク一覧を非公開にするには?

はてなブックマークを使ってみる(無料)
はてなブックマークって？
はてなブックマークはオンラインでブックマークを管理・共有できる無料サービス。自宅、職場、外出先、どこからでも同じブックマークにアクセスできます。ユーザーはみんなでブックマークを共有して効率良く情報収集しています。あなたもはてなブックマークを始めてみませんか?