パフォーマンスガイド

FPS の低下を回避するための主な手段は次のとおりです。

1) 粒子数

ts

particles: {
  number: {
    value: 50,
    density: {
      enable: true,
      area: 900
    }
  }
}

パーティクルが少ない = 描画コールと衝突が少なくなります。

2) 動きとリンク

エネルギー効果が必要ない場合は、move.speed を減らします。
links.distance および links.opacity を制限します。
フルスクリーンでは、負荷の高い組み合わせ (links + collisions + 高度な効果など) を避けてください。

3) インタラクティブ性

いくつかのアクティブなモードのみを保持します。
モバイルでは、ホバーモードを無効にすることを検討してください。

4) Retina とサイズ変更

ts

detectRetina: false;

パフォーマンス最優先のコンテキストまたは性能の低いデバイスで役立ちます。

5) 手動ライフサイクル制御

高価なセクションの場合は、明示的なコントロールを使用します。

ユーザーのクリック時の start
stop/pause セクションが表示されていない場合
destroy ページ/コンポーネントの分解