Flutter performance tips - Flutter in Focus

Поделиться
HTML-код
  • Опубликовано: 30 июл 2024
  • In this episode of Flutter in Focus, Filip Hracek introduces some basic concepts in Flutter performance. Stay tuned to learn more about what causes jank, why some apps are more battery-hungry than others, and why it pays to keep an eye on memory consumption.
    Performance docs → goo.gle/3dsKg2a
    Rendering best practices → goo.gle/2B2SK2O
    Flutter DevTools → goo.gle/2BqDnBf
    Flutter in Focus Playlist → goo.gle/FlutterInFocus
    Learn everything about Flutter at → flutter.dev
    Subscribe! → goo.gle/FlutterYT
  • НаукаНаука

Комментарии • 136

  • @darlingtonobiriyeboah9600
    @darlingtonobiriyeboah9600 4 года назад +305

    Without flutter I would not have started mobile dev

  • @SherifMohammed
    @SherifMohammed 4 года назад +17

    2:00 I really liked how you skipped video frames to make us feel how bad it is to skip frames in the app. This makes us feel how you guys enjoy your work which leads you to be very smart and creative on presenting it. Good work guys.

  • @FedJimSmith
    @FedJimSmith 4 года назад +8

    Those slides/animations as well as the person presenting it did a phenomenal job at explaining the topics.. keep it up Flutter Team !!

  • @dc5
    @dc5 4 года назад +2

    Always great to see Filip. Looking forward to your DevTools video later today for FlutterDay. Thanks for sharing.

  • @TheDPsoft
    @TheDPsoft 4 года назад +3

    Amazing efforts by the team for these videos! Really appreciate it.

  • @IbrahimRasel
    @IbrahimRasel 4 года назад +67

    Please make a boring episode of adapting app for large screens. Say in phone, all settings are in one screen, and clicking on a specific setting takes us to a detail page; but in tablet both settings screen and details screen is side by side.

    • @filiphracek
      @filiphracek 4 года назад +28

      That's a really good idea! Adding to the top of my list.

    • @kirill4531
      @kirill4531 4 года назад

      Master - slave layout is really popular. Thumbs up

    • @MrArbaz25
      @MrArbaz25 4 года назад +1

      Wouldn't LayoutBuilder widget be perfect for this?

  • @workflop4117
    @workflop4117 4 года назад +5

    Flutter it's absolutely AMAZING, thanks for your work!

  • @teekamsuthar5487
    @teekamsuthar5487 4 года назад +31

    I love this man!

  • @urmilshroff
    @urmilshroff 4 года назад +90

    2:00 I fell for it😅

  • @asif_mojtoba
    @asif_mojtoba 4 года назад +1

    You guys are awesome! Thank you Filip

  • @SaiyanJin85
    @SaiyanJin85 2 года назад +2

    The flutter team is doing a great job informing us. That's why it is popular aside that flutter itself is a great tool!

  • @Michael-ri8sg
    @Michael-ri8sg 4 года назад +14

    Is there a way in the memory analyzer to compare between snapshots so it is easier to spot where the memory leaks are?

  • @dkq986
    @dkq986 4 года назад +51

    Flutter is awesome!❤️

  • @sinaseirafi9445
    @sinaseirafi9445 4 года назад +5

    3:35 Literally laughed out loud :)))
    very interesting, I will definitely check the docs 👌🏻

  • @VitorLucasOFICIAL
    @VitorLucasOFICIAL 3 года назад +3

    Hi Filip, congratulations on the excellent work, as always.
    I have a request, could you provide us with the animation code that you showed at 24s in the video?

  • @hsiang-yehhwang2625
    @hsiang-yehhwang2625 4 года назад

    Nice video and explanation!!

  • @chichebem
    @chichebem 4 года назад

    Awesome and very informative ❤️

  • @kirill4531
    @kirill4531 4 года назад +3

    Hey Filip, thanks for your hard work on Flutter!
    Quick question: is there a memory leak if you share BuildContext of your top page?
    Thanks!

  • @Apenschi
    @Apenschi 4 года назад +1

    Can I somewhere get the code of the 100-Container-Animation demo at the beginning of the video? Tried somthing similar but get a lot of jank. Thanks!

  • @lenvaz8957
    @lenvaz8957 3 года назад +2

    Whenever i look at your videos i remember one of my fav cartoons... scooby dooby doooooooo :D
    Making me nostalgic :)

  • @joelmoreira1546
    @joelmoreira1546 4 года назад

    Awesome! Thanks for this videos :)

  • @mazenmohamed2127
    @mazenmohamed2127 4 года назад

    Thanks Filip ❤️

  • @LazyTechNo
    @LazyTechNo 4 года назад

    This is amazing!

  • @abbasali6588
    @abbasali6588 4 года назад

    You guys are awesome.

  • @pranav_manoj
    @pranav_manoj 3 года назад +1

    I love this guy

  • @mohamedkadhemmansour7058
    @mohamedkadhemmansour7058 4 года назад +1

    EYY You got us with that jank, i did check my youtube loading bar

  • @_birdy_birdy
    @_birdy_birdy 4 года назад

    Are you guys going to add support to iOS home screen widget (announced in WWDC20)?

  • @Aniket596
    @Aniket596 4 года назад

    Can i get the link for the application you built to show in the start of the video ?

  • @AshutoshSingh-gq6eb
    @AshutoshSingh-gq6eb 4 года назад

    if anyone is reading this how can i improve performance of setting items in list(my case is that pagination can be done bcz no network call is there) ...i have set around 150 items and each item contains 15 objects..so that lot of data..my frame speed if around 12fps where it should be close to 60 fps ? any help would work

  • @brudertuckonkelparty
    @brudertuckonkelparty 4 года назад

    Filip is awesome ❤️

  • @sjadon5808
    @sjadon5808 4 года назад

    Which other Framework has this quality docs and support? I want to do Flutter and nothing else...

  • @humpty4205
    @humpty4205 3 года назад

    I love this guy.

  • @rahuldange
    @rahuldange 4 года назад +4

    Yes we need more videos like this💙. I wished there was medium clap like "like" button on youtube, I would have clapped 50 times :p

  • @pranav-kale
    @pranav-kale 2 года назад +1

    Well i guess i am catching up a bit late, but thanks for this, it really helped me!

  • @urvashisharma7415
    @urvashisharma7415 4 года назад +1

    i love this man for real😂

  • @gourav7315
    @gourav7315 4 года назад

    Great Tips

  • @sweet-sinner
    @sweet-sinner 4 года назад

    i love this guy

  • @abhinavreddyk5687
    @abhinavreddyk5687 3 года назад +1

    I love you guys 💞

  • @viacheslavromanov3098
    @viacheslavromanov3098 4 года назад +3

    Thanks guys for good job with performance issues. There are also plenty problems with stability on iPhones in release builds. Would be appreciated if you'd focus on this as well.

    • @filiphracek
      @filiphracek 4 года назад

      That's news to me, sorry to hear that. Can you point me to a github issue, for example? Does Flutter itself crash?

    • @viacheslavromanov3098
      @viacheslavromanov3098 4 года назад

      @@filiphracek github.com/flutter/flutter/issues?q=is%3Aopen+label%3Aplatform-ios+and+label%3A%22severe%3A+crash%22+

    • @viacheslavromanov3098
      @viacheslavromanov3098 4 года назад

      @@filiphracek Sometimes it happens then you have to tweak the build or deployment settings in XCode to resolve the issue but mainly it's just matter of luck because you don't know what is happening. No dart stack traces, no clear error messages, no crashlitic reports.

  • @erlangparasu7524
    @erlangparasu7524 Год назад

    02:11 Thanks for visualisation!

  • @JoonBeh
    @JoonBeh 3 года назад +1

    When is the web app going to be released officially? I've been waiting over 1 year.

  • @darudeSandstorm.
    @darudeSandstorm. Год назад

    do you have a github link to the app your showing at the start of the video ?! I cant believe this is running on 60 or close to 60 fps ...

  • @rezang5026
    @rezang5026 2 года назад

    @Flutter video player takes soooooooooo long to initialize... on average it was 12 seconds but once it hit 30 seconds to initialize... any solution for this?

  • @Vellutia
    @Vellutia 4 года назад

    Thanks Flutter team

  • @nidalbakir4720
    @nidalbakir4720 4 года назад

    Thanks 💙

  • @prenom_nom
    @prenom_nom 4 года назад

    Thks

  • @nikoace2
    @nikoace2 4 года назад

    im debugging on a oneplus 7 pro, and flutter does not uses 90hz , i have to force persistent 90 hz on the device to see my app running at 90hz. please fix it flutter thanks! you all are awesome flutter dev team

  • @kellyhiggins5703
    @kellyhiggins5703 3 года назад

    I like this Filip guy

  • @nazirhammad9505
    @nazirhammad9505 4 года назад

    nice video sir

  • @programmingcore7413
    @programmingcore7413 2 года назад +1

    Love flutter...

  • @AlejandroGonzalez-rz3ml
    @AlejandroGonzalez-rz3ml 3 года назад +1

    0:23 is the source code for that app anywhere public? would like to see it

  • @user-tl4co3ib5o
    @user-tl4co3ib5o 4 года назад +1

    Thanks

  • @blank-vw2sb
    @blank-vw2sb 4 года назад

    GREAT!!! Flutter is cool

  • @adbysantos6603
    @adbysantos6603 4 года назад

    Flutter is awesome

  • @mohammadtalha2336
    @mohammadtalha2336 4 года назад

    What's widget rebuild tracker?

  • @WahyuHidayat-my1ky
    @WahyuHidayat-my1ky 4 года назад

    I have performance issue when i use svg asset, it renders 12 fps on first startup. How i resolve this?

  • @heshansandeepa9471
    @heshansandeepa9471 2 года назад +1

    very nice

    • @flutterdev
      @flutterdev  2 года назад +1

      Thank you for your continued support, Heshan 😀

  • @sadhlife
    @sadhlife 4 года назад +1

    Hi Filip! When is proper profile mode for flutter web coming?

    • @filiphracek
      @filiphracek 4 года назад +1

      I don't know, sorry! For now, I think your best bet is to run the web app with -O2 (or whatever other optimization level you decide) but without minification. That way you can do browser tools to see what's taking time, and you still understand what each function is (but you'll lose the ability to use Dart DevTools, unfortunately).

  • @NatoBoram
    @NatoBoram 3 года назад

    I'd like one video about using Isolates for JSON deserialization

  • @learnd24
    @learnd24 4 года назад

    @filip when will we get optimized Android Studio....😊

  • @blablablabla29382
    @blablablabla29382 4 года назад +3

    4:22 and developper happy :)

  • @darasat
    @darasat 4 года назад +1

    Flutter run takes so many time , some advice for getting more fast builds?

  • @bigwig2258
    @bigwig2258 4 года назад +9

    add 90 fps option if 120 fps more happy

    • @andreygritsay762
      @andreygritsay762 4 года назад +4

      There is no difference for human eye between 60 fps and above

    • @IllllIIllllI
      @IllllIIllllI 4 года назад +8

      @@andreygritsay762 haha

    • @Gebes
      @Gebes 4 года назад

      Andrey Gritsay i feel the difference between 240 and 144 hz...

    • @andreygritsay762
      @andreygritsay762 4 года назад +1

      @@Gebes some people feel radio waves...

    • @rawquesh
      @rawquesh 4 года назад

      @@andreygritsay762 dude you need to buy a 240hz monitor

  • @benjaminli21
    @benjaminli21 3 года назад

    I love you Flutter team

  • @aadarsh8869
    @aadarsh8869 4 года назад

    Flutter is gold

  • @michaelthan6467
    @michaelthan6467 4 года назад

    Where's the code for that app he demo'ed?

  • @asif7127
    @asif7127 4 года назад

    Great

  • @vadympinchuk
    @vadympinchuk 4 года назад +1

    Filip ) share that app with animations. it is nice )

  • @baadrqaaba9529
    @baadrqaaba9529 4 года назад

    I recon flutter is the best , at least for me to say the least , one thing to change in the future is compiling the app for production or running it in real device .

  • @kelvinonkundi9603
    @kelvinonkundi9603 4 года назад +8

    I tried native and it was messy...I became good in flutter with one week

    • @beater_y363
      @beater_y363 4 года назад

      How did you get started?Like u learnt dart first or directly?

    • @kelvinonkundi9603
      @kelvinonkundi9603 4 года назад +2

      I learnt dart first before Flutter

    • @deepakrama
      @deepakrama 4 года назад

      Well you always have platform channels when you need native in your Flutter app. Flutter is just way too clean and easy.

  • @ritikgulabrani9073
    @ritikgulabrani9073 4 года назад +1

    I am having a issue with the size of the app !!
    Anyone ?

    • @manashejmadi
      @manashejmadi 3 года назад

      Yeah flutter apps are bigger! Try to use R8 or something similar by editing the app manifest i guess?

  • @manugo4
    @manugo4 4 года назад

    Cool guy!

  • @ibrahimhussein6019
    @ibrahimhussein6019 4 года назад

    💜

  • @marwandhiaurrahman
    @marwandhiaurrahman 4 года назад

    flutter for programing future

  • @AdriSinaga
    @AdriSinaga 4 года назад

    Wowww

  • @praveenkumar4644
    @praveenkumar4644 4 года назад

    I was thinking how can i become a flutter developer advocate or GDE

    • @Proloyable
      @Proloyable 4 года назад

      be really really good at algorithms i guess!!

  • @kenjikurizon
    @kenjikurizon Год назад

    There is nothing like performant by default. Everything you built need to plan with caution.

  • @MereDaddyJi
    @MereDaddyJi 4 года назад

    Sir, please install flutter in my window by taking access of my laptop ...... Because , flutter is not working properly on my laptop, *First day when i started to install flutter on my window, it was working soo good, i was running on my own android device , but after 4 days when i started my flutter, it started to show some errors and that error keep on increasing*
    *I used each and every techniques that are there on internet ( tenserflow ) and youtube* But nothing worked 😫😫😫 , please if there is any one who can help , help me ... Because of my anger, i uninstalled everything ( Android Studio and Flutter )

  • @jasonfox13
    @jasonfox13 4 года назад +1

    Flutter web performance video pls

  • @routadu
    @routadu 4 года назад

    1:57 I actually have a problem on my side

  • @Gaijin101
    @Gaijin101 4 года назад

    Pls fix flutter web jank :(

  • @subhamprasad1373
    @subhamprasad1373 4 года назад

    My android studio doesn't detect my device. But flutter doctor does

  • @muhammedozdogan5133
    @muhammedozdogan5133 6 месяцев назад

    02:00 Oh boy 😂😂

  • @DeprecatedAPI
    @DeprecatedAPI 4 года назад

    First Comment

  • @bigwig2258
    @bigwig2258 4 года назад

    Please bring web development to live

  • @francisca4478
    @francisca4478 4 года назад

    People don't forget the flutter day on june 25th

  • @lasindunuwanga5292
    @lasindunuwanga5292 3 года назад +1

    Nice funny video buddy

  • @user-gt7cs7yj9f
    @user-gt7cs7yj9f 2 года назад

    مبنبهحق

  • @user-rn9xl7gq1q
    @user-rn9xl7gq1q 4 года назад

    What no arabic

  • @aidarlatypov7747
    @aidarlatypov7747 2 года назад

    Ikea lamps everywhere...

  • @hassanzamir5411
    @hassanzamir5411 3 года назад +1

    Dart is worst programming language to learn in 2021. It should be inspired by Python. short line of code, easier to understand, easier to learn.
    And Dart is totally opposite.In tech things are getting short and less time consumption but it is worst. It was not expected from Google.

  • @noobin-ul8is
    @noobin-ul8is 4 года назад

    thats not Jank its junk!