DOM rendering has been the main performance bottleneck for the web apps for years. I added 2 NEW JS APIs to Chromium so DOM rendering is no longer the bottleneck.
Here's how it works:
1- You can rasterize any divs, (literaly, precisely)
2- You can freeze/lock rasterization of some divs (contain: x, but stronger)
only 355 LOC change, 2 hours(compilation), composer2
Lots of dom nodes you have?
1- Rasterize the complex, heavy dom, and <img src="" /> it
3- Detach the dom node from the body.
4- Keep going
It's figma like performance, but HTML.
===
You might ask, why hasn't such a capability existed for the web since day 1? The answer is security.
But I always questioned that. I always thinked that such capabilities must be available permission based, somehow. Just like native apps. (I know there are lots of illiterate users that can not understand the consequences. So basically, some apps could get registered/verified by Chrome/Mozzilla/respectable other browser people, for having such capabilities)
That being said, I don't have enough time & resources to invest my time for this project right now. But it's trivial trivial with humongous benefits. My goal is to light a spark on some people to either fund the project, or pr into this project.
This is how Electron apps and the web should evolve—more powerful JavaScript APIs, with permission based extra security primitives.
Again, if you think you can't write C/C++ thats a shame. Go and edit the source code yourself, for your projects' needs, if you are tryhard enough.
I'm wishing some things to change for web.
I am also experimenting with these new APIs and features in my own document/pdf/pptx editor -> https://eddocu.com
--
Argun Sayilgan
Building your next favorite document editor, Eddocu (seeks alpha testers)
Any feedback, thoughts and knowledge share is welcomed.
0 comments
—
Show HN: Giving HTML, Canvas Superpowers · HackerTrans
Here's how it works:
1- You can rasterize any divs, (literaly, precisely)
2- You can freeze/lock rasterization of some divs (contain: x, but stronger)
https://github.com/yeargun/chromium5/pull/1
only 355 LOC change, 2 hours(compilation), composer2
Lots of dom nodes you have?
1- Rasterize the complex, heavy dom, and <img src="" /> it
3- Detach the dom node from the body.
4- Keep going
It's figma like performance, but HTML.
===
You might ask, why hasn't such a capability existed for the web since day 1? The answer is security.
But I always questioned that. I always thinked that such capabilities must be available permission based, somehow. Just like native apps. (I know there are lots of illiterate users that can not understand the consequences. So basically, some apps could get registered/verified by Chrome/Mozzilla/respectable other browser people, for having such capabilities)
That being said, I don't have enough time & resources to invest my time for this project right now. But it's trivial trivial with humongous benefits. My goal is to light a spark on some people to either fund the project, or pr into this project.
This is how Electron apps and the web should evolve—more powerful JavaScript APIs, with permission based extra security primitives.
Again, if you think you can't write C/C++ thats a shame. Go and edit the source code yourself, for your projects' needs, if you are tryhard enough.
I'm wishing some things to change for web.
I am also experimenting with these new APIs and features in my own document/pdf/pptx editor -> https://eddocu.com
--
Argun Sayilgan Building your next favorite document editor, Eddocu (seeks alpha testers)
Any feedback, thoughts and knowledge share is welcomed.