Skip to content

Руководство по производительности

Вот основные рычаги, позволяющие избежать падения FPS.

1) Количество частиц

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

Меньше частиц = меньше вызовов отрисовки и меньше коллизий.

2) Движение и ссылки

  • Уменьшите move.speed, когда вам не нужен энергетический эффект.
  • Ограничьте links.distance и links.opacity.
    • Избегайте сложных комбинаций (например, links + collisions + дополнительные эффекты) в полноэкранном режиме.

3) Интерактивность

  • Оставьте только несколько активных режимов.
    • На мобильных устройствах рассмотрите возможность отключения режима наведения.

4) Сетчатка и изменение размера

ts
detectRetina: false;

Полезно в контексте производительности или на более слабых устройствах.

5) Ручной контроль жизненного цикла

Для дорогих разделов используйте явные элементы управления:

  • start при нажатии пользователем
  • stop/pause, когда раздел не виден
  • destroy при удалении страницы/компонента