ブラウザでJSエンジンの速度を条件に応じて無効にするアニメーションを無効にする

Question

クライアントマシンがJavaScriptをレンダリングする速度を判断する標準（受け入れ可能/簡単/実行）方法はありますか？

私の他のタブでWebアプリケーション（ビデオなど）を実行しているとき、私のJSアニメーションはクロールに時間がかかります。

JSからの遅さを検出できる場合は、よりシンプルなアニメーションを使用してより優れたユーザーエクスペリエンスを提供します。

更新：皆のための

削除するアニメーションが答えではありません。私は、ブラウザ/コンピュータに依存している最も単純なアニメーションについて語っています。私が遅さのレベルを検出することができれば、私は単にそれらを無効にします。

これは、ダイナミックなグラフィックス品質を備えたビデオゲームと同じです。余分な処理能力を持つ人にペナルティを課さずに古いコンピュータを使用している人に喜んでもらいたいです。

Answer 1

1つのヒントは、これらの非表示のアニメーションを無効にすることです。フォーカスしていない別のタブ上にある場合は、アニメーションを維持するのは何ですか？

もう1つは、アニメーションを最小限に抑えることです。私はあなたがDOM上にいると仮定し、DOMの操作は高価です。それらも最小限に抑えてください。

あなたがイメージアニメーションの操作を使用している場合は、代わりにキャンバスを使用してDOMで操作しないようにしてください。

また、プログレッシブエンハンスメントを検討してください。あなたの機能をシンプルにして、複雑なものまであなたのやり方を進めてください。新しいものを追加するたびに、シンプルな機能をベースラインとして使用してください。そうすれば、問題の原因を簡単に特定し、それに応じて修正することができます。あなたが最初に取り組むべき

---

主な問題は、それが遅いないとき、遅い理由です。

Answer 2

私はこの質問が古いことを知っていますが、私はそれを偶然見つけました。最も簡単な方法は、長いループを実行し、開始時間と終了時間を測定することです。これにより、マシンのJavascriptのパフォーマンスがわかります。

心に留めてください、これはあなたがクッキーに結果を格納することもできますので、ページの読み込みを遅らせること、それは、ページを表示するたびに測定していません。

のような何か：

var starttime = new Date(); 
for(var i=0; i<1000000; i++) ; 
var dt = new Date() - starttime; 

・ホープ、このことができます。