TRASH-NEWS 10万ヒット突破しました

オープンから100日経とうが10万ヒットを超えようが、所詮1日に1記事しか更新されないブログ・TRASH-NEWSですよ……。

TRASH-NEWS ver.β -> β2進捗状況 …… 60%

調子に乗ってグラデーションを多用したら見た目が重々しくなってしまったので、現在どこをどこまで自重させようか悩んでいる最中です。ただそれ以上に深刻なのが見た目だけでなく挙動まで重くなってしまっていること。とりわけOperaではページをスクロールさせるたびにガリガリひっかかる有様。なんだか新しい部分を描写するたびに複雑な計算をしているような雰囲気です。

これまでの経験からこういう『スクロールのひっかかり』に一番強いのがIE、その次ぐんと離されてOpera、僅差でFireFoxが最弱、だと僕は認識しています。IEはレイヤーを重ねようが背景をfixedしようが、多少の無茶なことをしてもスムーズにスクロールできます。一方でOperaやFireFoxは透明度をいじったり背景を重ねたり固定したりすると如実にぎこちない挙動になります。スクロールバーを動かすだけでもストレスが溜まります。

で、今回の新しいデザインもIE7ではサクサクスクロールできるにもかかわらず、Operaではガチガチ。ホイールで3,4ページ分くらい回してスクロールさせても、IEではほぼリアルタイムに画面が追従してくるのに対しOperaではマリオカートのクッパのように出足が遅くグラグラしがち。FireFoxでもさぞかしヒドいことになるんだろうなと思い試してみると……意外なことにIEとほぼ変わらないスムーズさ。Operaだけなのか……。他にもいろいろ試してみたところ、ケータイのフルブラウザですらOperaよりスムーズという始末。同じOpera (8.60)なんですけど……。

現行のデザイン大きく変わった部分は透過(αチャンネルを多用した)pngを多用していることくらい。現在のTRASH-NEWSはOperaでもスムーズにスクロールできるため、それじゃあ透過pngがガンなのか。そう思っていったん透過pngをすべて通常(8bit)のpngに切り替えてみる……しかしダメ。ちなみにIEでもFireFoxでも、24bitと8bitのpngをそれぞれ使用した2つのページに明確な体感差を感じませんでした(どちらもいたってスムーズ)。

他にも段組の方法がいけないのか、本文と地の色の明暗の差がいけないのか、といろいろ試してみましたがいずれも原因ではないよう。なお今回5,000pxぶんのページを簡易ベンチマークとして作り数値的にも検証してみました。しかし有意な差は見当たらず……心が折れるばかり。

唯一はっきりと差が出たのはOperaの画像OFF機能を利用したとき。Operaでは画像をOFFにしたときのみ他のブラウザと同等のスムーズなスクロールを体感+検証することができました。Operaではαチャンネルの有無に関わらずグラデーションの背景に弱いのか……でもそんなこといままで感じなかったしな……。グラデーションを多用しているといってもたかが知れている分量だし。

ここまで明確な差がOperaにだけ現れているということはOperaの特定のバージョン(9～9.25)にしかないような固有のバグであるような気がしてきました。いまTRASH-NEWSと同じくβ版が公開されているOpera 9.5にアップグレードしたら解消するのか、試してみることにします。以下次回以降……。

[追記] そうそう、似たような現象はMySpaceでも味わうことができると思いますので、よろしければ是非。 なんだかMySpaceがスムーズになってやがりました。やっぱり背景の指定法とか、CSSの設定がイケないのだろうか。

[追記] opera:configでSmooth Scrollingを切るときちんと期待通りの挙動(=カクカクするけど速いスクロール)になる。いったん切ってからまたOnにするとなんとデフォルト状態よりもスムーズなスクロールになる。なんだこりゃ。