7 Ways to Speed Up Your Flutter Webapps

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ต.ค. 2024
  • Watch along as Danielle shows you 7 steps you can take to speed up the loading of your Flutter Webapps.

ความคิดเห็น • 31

  • @mpratt
    @mpratt 6 หลายเดือนก่อน

    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.

  • @wilmarquesdev
    @wilmarquesdev ปีที่แล้ว +2

    All here are just ways to speed up any web app. Which is awesome!

  • @iliyamirzaei1860
    @iliyamirzaei1860 ปีที่แล้ว +1

    Thanks for sharing your experiences. It was very helpful ❤️

  • @Pedro5antos_
    @Pedro5antos_ ปีที่แล้ว +1

    Really, really great and easy to follow tutorial! Thanks

  • @rafaelmaia8829
    @rafaelmaia8829 ปีที่แล้ว +3

    Amazing info, thanks a lot.

  • @user-uq7zx5nc3t
    @user-uq7zx5nc3t ปีที่แล้ว

    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...

  • @correctlyapp
    @correctlyapp ปีที่แล้ว

    Thank you very much for sharing 🙏❤❤

  • @benjamin6590
    @benjamin6590 ปีที่แล้ว +2

    Is it possible to do a loading speed comparison between rendering with HTML vs Canvaskit?

  • @thanhdatvo0
    @thanhdatvo0 ปีที่แล้ว +18

    Instead of optimizing thing manually like this, I hope flutter will enable this automatically!

    • @Flutteristas
      @Flutteristas  ปีที่แล้ว +1

      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!

    • @hardikkumbhani
      @hardikkumbhani ปีที่แล้ว

      @@Flutteristas Do you have any workaround regarding the icon shaking problem with web renderer html?

  • @aethersx2
    @aethersx2 ปีที่แล้ว +3

    wow, thanks for tutorial

    • @Flutteristas
      @Flutteristas  ปีที่แล้ว

      You're welcome. I enjoyed making it!

  • @FlutterIt
    @FlutterIt ปีที่แล้ว +7

    i will try for sure

  • @himmelkami3308
    @himmelkami3308 ปีที่แล้ว +2

    is there anyway to shorten the time of loading canvaskit

    • @Flutteristas
      @Flutteristas  ปีที่แล้ว +3

      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.

    • @himmelkami3308
      @himmelkami3308 ปีที่แล้ว +2

      @@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.

  • @harry356
    @harry356 ปีที่แล้ว

    Please use copy and paste for the url's instead of typing these, it improves viewer experience ;)

    • @Flutteristas
      @Flutteristas  ปีที่แล้ว

      Thanks for the suggestion!

  • @tiagosantos680
    @tiagosantos680 ปีที่แล้ว

    Really nice video, but still not fast enough the 4-5 seconds

    • @vaishakm6
      @vaishakm6 ปีที่แล้ว

      try changing the renderer from canvaskit to html

  • @SerdarPolat21
    @SerdarPolat21 ปีที่แล้ว

    are you learning Turkish? :)

    • @Flutteristas
      @Flutteristas  ปีที่แล้ว +1

      Evet!!!

    • @SerdarPolat21
      @SerdarPolat21 ปีที่แล้ว

      @@Flutteristas iyi. 👍🏻

    • @SerdarPolat21
      @SerdarPolat21 ปีที่แล้ว

      @@Flutteristas I liked your work. By the way, I'm a Flutter developer too. And Im learning English ☺️

  • @soloposmenu
    @soloposmenu ปีที่แล้ว +1

    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">

    • @mehmetedex
      @mehmetedex ปีที่แล้ว

      "./" this makes no difference