Руководство по производительности
Вот основные рычаги, позволяющие избежать падения 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при удалении страницы/компонента
