samurai_bamboo 軽量化

| コメント(1)

2006年6月現在のテンプレート [samurai_bamboo_r] をバイトで CSS 書き直したり、画像をスライスしなおしていたついでに、軽量化してみた。

重かった原因は、ヘッダの画像が一枚もので 24bit PNG だと、約 140kB あったからなんですけどね。

自宅の環境では、多少重いかな?程度で大して気にしていなかった(といってもサイズの大きい画像だったから重いのは予想できた)んですが、自宅以外の環境で見てみるとスクロールがもたつく… あまりの重さに驚いた(この手の重いデザインは何度か作ってますが…)ので、軽量化に乗り出したわけです。

StyleCatcher 用な為、MT のデフォルトテンプレートを使っているので、素晴らしい入れ子構造を利用して、JPEG や 8bit PNG 等の形式の分割した画像にして CSS を書き直しました。

取り敢えず、変な記述をしているのは、またまた Win/Mac IE がそれぞれに微妙なバグを発揮してくれた為です。

ちなみに、128kbps では 7 秒台という状態だが、56kbps だと 22 秒程度掛かり、8 秒ルールに思いっきり引っ掛かるらしい。今時 8 秒ルールを気にして作っている人が居るかどうかは知りませんが、大したこと書いていない私はほぼ気にしていません。流石に自宅の環境(下り 5~5.5 Mbps)で 8 秒以上掛かるとなると考えますが。

コメント(1)

あら… IE だとカクカクする(笑
どうも body の背景を fixed 指定していたのが原因ぽい。
fixed の方がいいんだけどなぁ…
fixed を止めると他のブラウザでもかなり軽くなったように感じるので我慢しよう。

コメントする

このブログ記事について

このページは、R-STYLEが2006年6月15日 09:45に書いたブログ記事です。

ひとつ前のブログ記事は「久しぶりにバグに遭遇」です。

次のブログ記事は「またまた変なバグに遭遇」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。