Guía de rendimiento
Estas son las palancas principales para evitar caídas de FPS.
1) Recuento de partículas
ts
particles: {
number: {
value: 50,
density: {
enable: true,
area: 900
}
}
}Menos partículas = menos llamadas de sorteo y menos colisiones.
2) Movimiento y enlaces
- Reducir
move.speedcuando no necesites un efecto energético. - Límite
links.distanceylinks.opacity. - Evite combinaciones pesadas (por ejemplo
links+collisions+ efectos avanzados) en pantalla completa.
3) Interactividad
- Mantenga sólo unos pocos modos activos.
- En dispositivos móviles, considere desactivar el modo de desplazamiento.
4) Retina y cambio de tamaño
ts
detectRetina: false;Útil en contextos que priorizan el rendimiento o en dispositivos más débiles.
5) Control manual del ciclo de vida
Para secciones costosas, use controles explícitos:
startal hacer clic del usuariostop/pausecuando la sección no es visibledestroyen el desmontaje de página/componente
