2008-04-26 (土)
■ @import を使うと遅くなる
Yahoo! の Exceptional Performance のページを読んでいたら、えっ！ と思うことが書かれていた。
One of the previous best practices states that CSS should be at the top in order to allow for progressive rendering.
In IE @import behaves the same as using <link> at the bottom of the page, so it's best not to use it.
げげげ、マジですか！？
実は以前、@import って速度的にどうなんだろう？ と思って調べたことがある。 HTTP Header のやりとりを調べて、どういう場合にキャッシュが効くのかチェックしたりしたのだけれど、 その時は、<link> を使っても @import を使っても違いはない、と結論づけた。
でも、そうか。どのタイミングで CSS が読み込まれるのか、というのは見てなかった。 じゃあ、@import ってなるべく使わない方がいいんだな。
[コメントを書く]
本日のリンク元
- 4 google検索(performance css @import)
- 2 google検索(t)
- 2 google検索(css import)
- 2 google検索(css @import)
- 1 http://www.revulo.com/notify-NotifyUser_NONE_07121...
- 1 http://www.revulo.com/
- 1 google検索(javascript css import)
- 1 google検索(import ｃｓｓ 2008)
- 1 google検索(css 遅くなる？)
- 1 google検索(css import )
- 1 google検索(css import 意味)
- 1 google検索(CSS import)
- 1 google検索(css @import)
- 1 google検索(sie.js)
- 1 google検索(ie css @import)
- 1 google検索(css import 速度)
- 1 google検索(CSS import)
- 1 google検索(css import link)
- 1 google検索(jQuery import)
- 1 google検索(css import link 速度)
- 1 google検索(css @import php)
- 1 google検索(t)
- 1 google検索(css import 違い)
- 1 google検索(css @inport Link 違い)
- 1 google検索(pukiwiki @import)
- 1 google検索(javascript 遅くなる)
- 1 google検索(ie import)
- 1 google検索(ie @import)
- 1 google検索(css import php)
- 1 google検索(css import include)
- 1 google検索(css import ie)
- 1 google検索(css import 速度)
- 1 google検索(css import キャッシュ)
- 1 google検索(css import)
- 1 google検索(css import)
- 1 google検索(css @import キャッシュ)
- 1 google検索(css @import)
- 1 google検索(css @import)
- 1 google検索(css @import)
- 1 google検索(css @import 速度)
- 1 google検索(PHP 遅くなる)
- 1 google検索(CSS import)
- 1 google検索(CSS @import ＩＥ)
- 1 google検索(CSS @import)
- 1 google検索(CSS import)
- 1 google検索(css @import )
- 1 google検索(css import)
- 1 google検索(css import)
- 1 google検索(css import 速度)
- 1 google検索(表示速度 CSS "@import")
- 1 google検索(css import)
- 1 google検索(css @import 速度)
- 1 google検索(@import CSS 速度)
- 1 google検索(ｃｓｓ import)
- 1 google検索(ｃｓｓ ie import)
- 1 google検索(null?\"\{ css import)
- 1 google検索(import 遅くなる)
- 1 google検索(ie import)
- 1 google検索(ie css import)
- 1 google検索(css import link)
- 1 google検索(css import link)
- 1 google検索(css import )
- 1 google検索(css import 意味)
- 1 google検索(css linkと@import)
- 1 google検索(css import)
- 1 google検索(css import **)
- 1 google検索(css @import)
- 1 google検索(Imports jquery <%@)
- 1 google検索(CentOS 遅くなる)
- 1 google検索(CSS import)
- 1 google検索(CSS @inport link)
- 1 google検索(css @import javascript)
- 1 google検索(CSS import キャッシュ)
- 1 google検索(CSS import キャッシュ 速度)
- 1 google検索(yahoo google キャッシュ css 読み込ま)
- 1 google検索(css @import 表示)
- 1 google検索(SVG Performance IE)
- 1 google検索(<link> @import CSS)
- 1 google検索(css @import)
- 1 google検索(pukiwiki import css)
- 1 google検索(css import 速度)
- 1 google検索(@import 使う)
- 1 google検索(css import)
- 1 http://www.google.co.jp/reader/view/
- 1 http://www.google.co.jp/hws/search?hl=ja&q=ie @imp...
- 1 http://www.google.co.jp/hws/search?hl=ja&q=css @im...
- 1 http://translate.google.com/translate?sourceid=nav...
- 1 msn検索(css @import)
- 1 msn検索(css @import)
- 1 http://green.search.goo.ne.jp/search?OE=UTF-8&IE=U...
- 1 http://72.14.235.104/search?q=cache:sfZabSHBtNMJ:w...
- 1 http://72.14.235.104/search?q=cache:sfZabSHBtNMJ:w...
- 1 http://72.14.235.104/search?q=cache:sfZabSHBtNMJ:w...
- 1 http://72.14.235.104/search?q=cache:sfZabSHBtNMJ:w...
- 1 http://72.14.235.104/search?q=cache:sfZabSHBtNMJ:w...
- 1 http://72.14.235.104/search?q=cache:sfZabSHBtNMJ:w...
- 1 http://72.14.235.104/search?q=cache:sfZabSHBtNMJ:w...
- 1 http://72.14.235.104/search?q=cache:sfZabSHBtNMJ:w...
- 1 http://72.14.235.104/search?q=cache:O2Tjqck5w7AJ:w...
- 1 http://209.85.175.104/search?q=cache:sfZabSHBtNMJ:...
