2008年05月25日 01:17
Webサイトの高速化 ルール7 CSSのExpression()は使わない!
ここの記事によると、expressionを使うとあらゆるイベントに対して評価が行われ、動作が遅くなってしまうのだそうです。
Nefertのテンプレートではmin-width・max-widthをIE6で適用させるためにexpressionを使っているのですが、この情報を元にイベントハンドラをつかってみよーと思ったのでした。
が、いかんせんjavascriptの知識は皆無に近いもんで(;'-')
あってるのかどうなのかすら分からない状態になってしまいました…(;'-')

expression内のjavascriptの記述はこんな感じです。
意図としては、ウィンドウサイズが変化したときにウィンドウサイズによってwidthを指定するという感じなのですが…
ウィンドウサイズが変化したときだけではなく、ページを最初に読み込んだときにも幅を指定する必要があるので、onloadとかで入れ子?条件分け?したほうがいいのでしょうか。
一応動作確認した段階では問題なさげなのですが…(-ω-;)
問題なければこれを全テンプレートに適用させたいなと思いますー。
ここの記事によると、expressionを使うとあらゆるイベントに対して評価が行われ、動作が遅くなってしまうのだそうです。
Nefertのテンプレートではmin-width・max-widthをIE6で適用させるためにexpressionを使っているのですが、この情報を元にイベントハンドラをつかってみよーと思ったのでした。
が、いかんせんjavascriptの知識は皆無に近いもんで(;'-')
あってるのかどうなのかすら分からない状態になってしまいました…(;'-')


expression内のjavascriptの記述はこんな感じです。
意図としては、ウィンドウサイズが変化したときにウィンドウサイズによってwidthを指定するという感じなのですが…
window.onresize = (javascriptに強い方、これってどーなんでしょうか。
(document.documentElement.clientWidth > 1150)? "1150px" :
(document.documentElement.clientWidth < 600)? "600px" :
"auto")
ウィンドウサイズが変化したときだけではなく、ページを最初に読み込んだときにも幅を指定する必要があるので、onloadとかで入れ子?条件分け?したほうがいいのでしょうか。
一応動作確認した段階では問題なさげなのですが…(-ω-;)
問題なければこれを全テンプレートに適用させたいなと思いますー。











コメント
コメントの投稿