Chromeの新機能「メモリセーバー」と「省エネモード」Web制作時に認識しておくべき重要なことを解説

Post on:2022年12月12日

メモリセーバーと省エネモード

先日リリースされたChrome 108のデスクトップ版で、2つの新しいパフォーマンス設定が導入されました。

メモリセーバーは、Chromeが使用するメモリを最大40%と10GBのメモリ使用量を削減し、タブのスムーズな動作を維持する機能です。

Chromeであとで見ようと思ってタブをたくさん開いていることはありませんか？メモリセーバーは非アクティブなタブのメモリを解放し、使用中のアクティブなタブでの閲覧を可能な限りスムーズに表示します。特に、動画を見たり、ゲームをするときに便利です。非アクティブなタブは、必要なときに再読み込みされます。

再読み込みされたページはユーザーエクスペリエンスには影響しない可能性がありますが、ユーザーフローが複雑なインタラクティブなサイトの場合、元の状態に戻すことができないことがあります。

省エネモードは、バッテリー残量が少なくなったときにバッテリーを延長できるようにする機能です。

バッテリーの残りが少なくなり、すぐに充電できないときはありませんか？ ChromeでWebを閲覧していて、デバイスのバッテリー残量が20%に達すると、Chromeはバックグラウンドのアクティビティを制限し、アニメーションや動画を含むWebページの視覚効果を制限してバッテリーを制限します。

アニメーションやトランジションは自動的に調整されるので対応は何もできませんが、特定のリフレッシュレートを前提とするJavaScriptベースのアニメーションをサイトで使用している場合は注意が必要です。

この2つの機能は今後数週間かけて、Windows, macOS, ChromeOS向けに展開される予定です。

Windows, macOS, ChromeOS向けに展開されると、それぞれの機能をオフにしたり、重要なWebサイトをメモリセーバーから除外するようにマークすることができます。
※2022年12月現在、ChromeのFlagから設定できます。

Chrome 108でメモリセーバーを確認する方法です。

chrome://discardsにアクセス

「Urgent Discard」をクリック

Chrome 108で省エネモードを確認する方法です。

アドレスバーに下記を入力して、フラグを有効（Enabled）にします。
chrome://flags/#battery-saver-mode-available
chrome://discardsにアクセスし、上部の「Toggle battery saver mode」をクリックします。
※フラグを有効にしていないと機能しません。
完了すると、アドレスバーの横に省エネモードのアイコンが表示されます。