johnpoint

johnpoint

(。・∀・)ノ゙嗨
github

全画面の背景画像のカクつきを解消する

新しいテーマに切り替えた後(現在使用しているテーマ)、ホームページをスクロールすると非常にカクつくことに気づきました。ただし、背景画像のないスクロール部分ではフレームが落ちませんので、背景画像の問題と判断しました。

そして、fixed 属性を置き換えた後はカクつかなくなりましたので、ブログのスクロール時にパフォーマンスの問題を引き起こすのはこの属性だと断定しました。

情報を検索して、この記事 Fixed background image performance issue を見つけましたので、その方法に従って背景を仮要素として設定しました。これにより、スクロール時に背景が頻繁に再描画されることがなくなり、スクロール時のフレーム落ちの問題が解決されました。半年間放置した後、ついに私のブログのホームページがスムーズに戻りました...

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。