MrPokeYT
/
Markdown-Maker
forked from lab/libre-marker
1
0
Fork 0
Code Pull Requests Activity

nueva versión , con el Canvas en particular y JS / CSS en general depurados para que no consuman tantos recursos de la gráfica ... #1

Merged
MrPokeYT merged 1 commits from dev into main 2026-02-02 14:56:29 +00:00
Conversation 0 Commits 1 Files Changed 1 +109 -645
fenix commented 2026-02-02 10:40:11 +00:00
Contributor
Copy Link

Hola @MrPokeYT !,

Genial aportación la tuya, gracias. 👍

El caso es que no supera lo que yo llamo 'la prueva del ventilador' 👎

Resulta que cuando lanzo tu versión en mi navegador, el ventilador del PC se pone 'loco' girando sin parar... umh, disparándose el consumo de recursos ❗

Gemini propone :
_He aplicado tres cambios clave:

  • Pre-renderizado de estrellas: Ahora dibujamos la estrella una sola vez en un "lienzo fantasma" y lo clonamos (es mucho más rápido para la GPU).

  • Debounce en el editor: La vista previa ya no se actualiza con cada letra, sino 300ms después de que dejas de escribir.

  • Eficiencia CSS: Movimos el fondo pesado del Canvas al CSS y simplificamos los filtros.

¿Qué hemos ganado?

CPU: El uso de CPU bajará drásticamente porque drawImage es una operación nativa de la GPU muy optimizada. Ya no estamos calculando 150 gradientes radiales matemáticamente en cada fotograma.

Fluidez al escribir: Al usar debounce, el navegador no se queda "congelado" procesando el Markdown mientras intentas teclear la siguiente letra.

Batería/Energía: Al mover el fondo degradado a CSS (radial-gradient en el body), el navegador lo gestiona de forma mucho más eficiente que redibujando un rectángulo gigante en Canvas cada 16 milisegundos._

En cualquier caso, compañero, tras esas mejoras... ya es usable en la i5 que uso como computadora

gracias, gracias, gracias

F

Hola @MrPokeYT !, Genial aportación la tuya, gracias. 👍 El caso es que no supera lo que yo llamo 'la prueva del ventilador' 👎 Resulta que cuando lanzo tu versión en mi navegador, el ventilador del PC se pone 'loco' girando sin parar... umh, disparándose el consumo de recursos ❗ Gemini propone : _He aplicado tres cambios clave: - Pre-renderizado de estrellas: Ahora dibujamos la estrella una sola vez en un "lienzo fantasma" y lo clonamos (es mucho más rápido para la GPU). - Debounce en el editor: La vista previa ya no se actualiza con cada letra, sino 300ms después de que dejas de escribir. - Eficiencia CSS: Movimos el fondo pesado del Canvas al CSS y simplificamos los filtros. ¿Qué hemos ganado? CPU: El uso de CPU bajará drásticamente porque drawImage es una operación nativa de la GPU muy optimizada. Ya no estamos calculando 150 gradientes radiales matemáticamente en cada fotograma. Fluidez al escribir: Al usar debounce, el navegador no se queda "congelado" procesando el Markdown mientras intentas teclear la siguiente letra. Batería/Energía: Al mover el fondo degradado a CSS (radial-gradient en el body), el navegador lo gestiona de forma mucho más eficiente que redibujando un rectángulo gigante en Canvas cada 16 milisegundos._ En cualquier caso, compañero, tras esas mejoras... ya es usable en la i5 que uso como computadora gracias, gracias, gracias F
fenix added 1 commit 2026-02-02 10:40:12 +00:00
fenix changed title from nueva versión , con el Canvas en particular y JS / CSS depurados para que no consuman tantos recursos de la gráfica ... to nueva versión , con el Canvas en particular y JS / CSS en general depurados para que no consuman tantos recursos de la gráfica ... 2026-02-02 10:40:45 +00:00
MrPokeYT merged commit 6b28732936 into main 2026-02-02 14:56:29 +00:00
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No Label
Milestone
Clear milestone
No items
No Milestone
Assignees
Clear assignees
No Assignees
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: MrPokeYT/Markdown-Maker#1
No description provided.
Delete Branch "dev"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?