window.requestAnimationFrame　のフレームレートについて

お世話になります。

window.requestAnimationFrameのフレームレートについてに関しての質問です。
ネットの参考サイト見てると、window.requestAnimationFrameのフレームレートが60という前提で書かれているソースをよく見ます。
例：https://theorthodoxworks.com/front-end/svg-handwriting-animation-js/

最近のブラウザでは、60がデフォルトみたいな仕様になっているのでしょうか？
実際、下記のサイトのコードを実行すると、ちょうど60fpsになるんです。
http://yomotsu.net/blog/assets/2013-01-05-fps/3.html

知ってる人いたら教えてください。

行動規範の内容に同意します

回答1件

ベストアンサー

各ブラウザが、ディスプレイのリフレッシュレートやパフォーマンスを考慮して適当に決めているようです。

【Window.requestAnimationFrame() - Web API | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Window/requestAnimationFrame

このコールバックの回数は、たいてい毎秒 60 回ですが、一般的に多くのブラウザーでは W3C の勧告に従って、ディスプレイのリフレッシュレートに合わせて行われます。ただし、コールバックの確率は、バックグラウンドのタブや隠れた <iframe> では、パフォーマンス向上やバッテリー消費を減らすために低くなるでしょう。

（※ 以下のやり取りの中に Edge の投稿時点の実測fps画像がリンクされていました）
【Strengthen requestAnimationFrame() spec for VSYNC / refresh rate matching in HTML 5.2 · Issue #785 · w3c/html · GitHub】
https://github.com/w3c/html/issues/785#issuecomment-297208124

However, Microsoft Edge exhibited framerate-divisor results on requestAnimationFrame() callback rate.

60Hz -- Microsoft Edge runs at 60fps
100Hz -- Micrsoft Edge runs at 100fps
120Hz -- Microsoft Edge runs at 60fps
144Hz -- Microsoft Edge runs at 72fps
200Hz -- Microsoft Edge runs at 100fps
240Hz -- Microsoft Edge runs at 80fps

投稿2020/01/03 19:12