Thank you! Very helpful! I've only just completed the Xylophone app in a Udemy course and I can see the preloading has helped a great deal. At least when playing the notes! I zoomed ahead in the course a bit and uploaded it to hosting on firebase. I'm actually learning flutter for a personal project.
There is not yet. Sometimes, you can just use the html renderer. I know the Flutter team is working on shrinking the size of the wasm file being downloaded.
I learnt a lot. Thanks. I actually found your vid, because my web app does a lot of IndexDB access, and I'm thinking I should move that code into an isolate. Then I discovered you don't have isolates in the browser. Of course ! Silly me. So I'm hoping there is a way to create the js worker(s) I need by coding in dart. Journey continues...
I know they are with things like icon shaking. There are problems with that though because it has to be constant to know what to do. I think we can keep making it better!
Thank you! Very helpful! I've only just completed the Xylophone app in a Udemy course and I can see the preloading has helped a great deal. At least when playing the notes! I zoomed ahead in the course a bit and uploaded it to hosting on firebase. I'm actually learning flutter for a personal project.
All here are just ways to speed up any web app. Which is awesome!
Is it possible to do a loading speed comparison between rendering with HTML vs Canvaskit?
Thanks for sharing your experiences. It was very helpful ❤️
I'm so glad!
Really, really great and easy to follow tutorial! Thanks
Glad it was helpful!
is there anyway to shorten the time of loading canvaskit
There is not yet. Sometimes, you can just use the html renderer. I know the Flutter team is working on shrinking the size of the wasm file being downloaded.
@@Flutteristas thanks for the reply! I mean , if google integrate canvas kit in chrome or make it as first class cdn, everything would be solved.
I learnt a lot. Thanks.
I actually found your vid, because my web app does a lot of IndexDB access, and I'm thinking I should move that code into an isolate. Then I discovered you don't have isolates in the browser. Of course ! Silly me.
So I'm hoping there is a way to create the js worker(s) I need by coding in dart.
Journey continues...
Amazing info, thanks a lot.
Glad it was helpful!
Thank you very much for sharing 🙏❤❤
Instead of optimizing thing manually like this, I hope flutter will enable this automatically!
I know they are with things like icon shaking. There are problems with that though because it has to be constant to know what to do. I think we can keep making it better!
@@Flutteristas Do you have any workaround regarding the icon shaking problem with web renderer html?
wow, thanks for tutorial
You're welcome. I enjoyed making it!
Please use copy and paste for the url's instead of typing these, it improves viewer experience ;)
Thanks for the suggestion!
are you learning Turkish? :)
Evet!!!
@@Flutteristas iyi. 👍🏻
@@Flutteristas I liked your work. By the way, I'm a Flutter developer too. And Im learning English ☺️
Really nice video, but still not fast enough the 4-5 seconds
try changing the renderer from canvaskit to html
I Liked the video. What sped things for me was to change the href and add "./" like this:
href="./icons/Icon-192.png">
href="./manifest.json">
"./" this makes no difference
i will try for sure