私は新しいポートフォリオを作成しています。複雑なjavascript（アニメーション、移動、エフェクトDOM要素）を使用したいと思います。できるだけ多くの最適化を行い、パフォーマンスを最大限に高めます。しかし、私のサイトで直面するすべてのケースのために準備することはできません。だから、私はブラウザのパフォーマンス（数秒で最大）をチェックすることができ、パフォーマンステストの結果に基づいて、ページ上に表示され、計算されたエフェクトの数を設定できるスクリプトを探し始めました。ブラウザのパフォーマンスに応じてエフェクトを追加する
ブラウザのパフォーマンスを確認し、ページに適用される効果の最適な数を設定する方法はありますか？
純粋なjsエフェクトではなく、CSSトランスフォーム/トランジションを使用してください
CSSトランスフォームを使用しない場合でも、たとえばCSSトランスフォームを使用してサポートを検出できます。 modernizrであり、サポートされていれば、ブラウザは非常にモダンで、一般的にはかなり良いパフォーマンスを持っていると考えることができます。 window.requestAnimationFrameを見ると、自動的にフレームレートが調整されます。
ええ、私は可能なときにCSS3を使用しますが、視差スクロールのために私はseme Javascript計算を使用する必要があります。 （私が間違っている場合は私を訂正してください） ところで、フレームレートの提案に感謝します。私はそれが私を目標に近づけてくれると思う。 – orosznyet
+1ブラウザが「近代的」であるという理由だけで、多くのモバイルデバイスの場合と同様に、ブラウザを実行しているハードウェアがかなり弱くなる可能性があります。テストのパフォーマンスはほとんどすべての場合で不可能ですが、modernizrなどのツールを使用することで、ブラウザの機能が低下し、価値があります。 – David
短い答えは「いいえ」です。しかし、あなたはOSやブラウザのバージョンのようないくつかの統計を取り、あなた自身の結論を引き出すことができます。私はそれがユーザーエクスペリエンスを向上させるだろうと確信していません... – David
しかし、パフォーマンスはハードウェアも含まれているので、私はブラウザのベンダーとそのバージョンではうまく動作しません。とにかくありがとうございました。 – orosznyet
クライアントレベルで提供されるすべての検出ツールは、ソフトウェア/ブラウザに限定されています。ハードウェアをテストすることはできませんが、 "ハードウェアに最適化された"クライアント側の機能を使用できます。しかし、あなたは彼らがどのように実行するかを決して「知る」ことはありません – David