la-velada-web-oficial icon indicating copy to clipboard operation
la-velada-web-oficial copied to clipboard

Uso del 100% del procesador por el Smoke

Open IGnacho12 opened this issue 11 months ago • 9 comments

image image

IGnacho12 avatar Feb 28 '24 20:02 IGnacho12

¿Puedes revisar cómo funciona ahora? Asegurándote que has cerrado todas las demás pestañas. ¡Gracias!

midudev avatar Feb 28 '24 22:02 midudev

Hola @midudev @IGnacho12 He hecho la misma prueba en mi compu y no pasa eso, quizás puede ser alguna extension o pagina que tienes abierta, adjunto imagen del monitor, cabe resaltar que tengo como 10 tabs abiertos, teniendo en primer plano lavelada.dev

Screenshot 2024-02-28 at 6 00 29 PM

seobryn avatar Feb 28 '24 22:02 seobryn

También es que hemos hecho mejoras últimamente y que él usa Windows @seobryn. A ver si nos puede confirmar.

midudev avatar Feb 29 '24 08:02 midudev

Hola @midudev, he realizado las pruebas en mi computador con Windows 11 y tengo el mismo problema de rendimiento al tener en primer plano abierta la pagina de la velada. image

GFrancV avatar Feb 29 '24 09:02 GFrancV

Yo tengo Usar la aceleración de gráficos cuando esté disponible desactivada en chrome y la web va al 100% de uso de cpu y super lenta, si lo activo pasa a ir correctamente

elpiojo95 avatar Feb 29 '24 11:02 elpiojo95

¿Podéis probar otra vez?

midudev avatar Feb 29 '24 15:02 midudev

https://github.com/midudev/la-velada-web-oficial/assets/32590506/33d7c1f3-412d-44ef-a8c2-ddf9be42a7a0

Ahora sin GPU va lento pero no consume el 100%, la web se puede ver después de que cargue. Antes era imposible navegar

elpiojo95 avatar Feb 29 '24 15:02 elpiojo95

a veces la función requestAnimationFrame() no implementa sincronización con el refresco de pantalla, y renderiza a toda la velocidad que le permite. A lo mejor está generando 400 frames por segundo, aunque la pantalla te funcione a 60.

Por mi experiencia, depende de muchas cosas, sobre todo del navegador y del driver de la tarjeta gráfica. Se puede solucionar creando un temporizador para llamar a requestAnimationFrame de forma diferida, y de paso se podría hacer que renderize a una velocidad menor que la velocidad de pantalla. Para esta animación seguramente bastaría con tirar a 30 fps

ferserc1 avatar Feb 29 '24 17:02 ferserc1

Estoy haciendo pruebas en mi Compu con windows, al parecer tiene que ver con la aceleración Gráfica, si desctivo la GPU va mal, pero si la activo va de 10 @midudev @elpiojo95.

voy a hacer unas pruebas en la configuración de Three.js y si lo consigo subo una PR

seobryn avatar Feb 29 '24 23:02 seobryn