ubuntu amd64 で Firefox 3 のスクロールが遅い (Gmail, Twitter, Fastladder 編)
ubuntu amd64 で Firefox3 でブラウズしていると、特定のページのスクロールがひっかかる感じで遅い。検索してみると、
などが関係していそうだったがあまり効果がなかった。設定をいじってみると、
- ブラウザの設定で画像オフだとサクサク動く
- twitter.com は背景画像をオフにしたらサクサク動いた
というわけで画像の重ね合わせ描画が怪しい。以下、よく利用しているサイトについてボトルネックを調べてみた。
Gmail の表示を速くする
観察してみたところ、スレッド表示の画面で右下に次の発言者の名前がポップしているとスクロールが遅くなることが分かった。Firebug で調べてみると名前が表示されるエリアは div class="sss8ob" だったので、ここを強制的に非表示にしたところスクロールが速くなった。
@-moz-document domain("mail.google.com") { div.sss8ob { display: none !important; } }
なお、"sss8ob" で検索したら海外では既に知られていた。検索先ではビデオドライバが原因のようだが自分は違うビデオカードだった。
Twitter.com の表示を速くする
- ウェブの設定で解決する
- 「設定」→「デザイン」→「背景画像を変更する」→「背景画像を使用しない」→「保存する」
あるいは、
@-moz-document domain(twitter.com) { body { background-image: none !important; } }
Fastladder の表示を速くする
Firebug でトライ・アンド・エラーで調べたところ以下の設定でだいぶ改善した。
@-moz-document domain("fastladder.com") { * { border-style: none !important; } }
追記
背景は怪しいので調べたところ、background-attachment:fixed (スクロールしても変化しないバックグラウンド)は重くなる原因の一つみたい。上記の Twitter.com はこのケースに当たる。これは Bugzilla にも登録されている Firefox の不具合のようだ。
https://bugzilla.mozilla.org/show_bug.cgi?id=201307
以下のようにユーザースタイルシートでグローバルに禁止すると該当するサイトは表示が早くなる。
body { background-attachment:scroll !important; }
ただ全てがこの不具合というわけではない。Gmail と Fastladder はこの方法では効果がなかった。