現在、canvas を使用して動く星を背景として描画およびアニメーション化するサイトを設計しています。見た目は良いのですが、性能に不安があります。
現時点では、IE の任意のバージョン (IE9 + 10 がキャンバスをサポートしていても、少し遅くなります) の場合はフラットな背景にフォールバックし、モバイル/キャンバスをサポートしていない他のブラウザーでも同じです。
私の特定のセットアップでは、最新の chrome/firefox/safari + オペラで問題なく動作しますが、これが適切なブラウザーを持っているがパフォーマンスの低いコンピューターでサイトの使用に問題がある人を着陸させるかどうかはわかりません。
次の要因を考慮することが重要です。
コメントで述べたように、背景の動きが邪魔にならないように考慮することも重要です。
モバイル デバイスとタブレットでは、デバイスがこれを実行したい場所であるかどうかを合理的に検出できるはずです。
残りの部分では、単純な動的テストを行うことができます。サイトがアニメーションの背景で読み込まれたら、パフォーマンス テストを実行します。キャンバスをできるだけ速く更新するように試みます。これを使用して十分に高いフレームレートが得られる場合は、ユーザーのデバイスがキャンバスを適切にレンダリングできると安全に想定できます。fps が予想よりも低いデバイスの場合は、背景を無効にします。バックグラウンドを自動的に無効/有効にする将来の訪問用の Cookie を含めることもできます。