Flutter performance tips - Flutter in Focus

Поділитися
Вставка
  • Опубліковано 31 лип 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

  • @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 !!

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

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

  • @workflop4117
    @workflop4117 4 роки тому +5

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

  • @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!

  • @teekamsuthar5487
    @teekamsuthar5487 4 роки тому +31

    I love this man!

  • @asif_mojtoba
    @asif_mojtoba 4 роки тому +1

    You guys are awesome! Thank you Filip

  • @urmilshroff
    @urmilshroff 4 роки тому +90

    2:00 I fell for it😅

  • @dkq986
    @dkq986 4 роки тому +51

    Flutter is awesome!❤️

  • @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?

  • @sinaseirafi9445
    @sinaseirafi9445 4 роки тому +5

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

  • @chichebem
    @chichebem 4 роки тому

    Awesome and very informative ❤️

  • @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?

  • @hsiang-yehhwang2625
    @hsiang-yehhwang2625 4 роки тому

    Nice video and explanation!!

  • @joelmoreira1546
    @joelmoreira1546 4 роки тому

    Awesome! Thanks for this videos :)

  • @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?

  • @LazyTechNo
    @LazyTechNo 4 роки тому

    This is amazing!

  • @lenvaz8957
    @lenvaz8957 3 роки тому +2

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

  • @abbasali6588
    @abbasali6588 4 роки тому

    You guys are awesome.

  • @mazenmohamed2127
    @mazenmohamed2127 4 роки тому

    Thanks Filip ❤️

  • @brudertuckonkelparty
    @brudertuckonkelparty 4 роки тому

    Filip is awesome ❤️

  • @mohamedkadhemmansour7058
    @mohamedkadhemmansour7058 4 роки тому +1

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

  • @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!

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

  • @abhinavreddyk5687
    @abhinavreddyk5687 3 роки тому +1

    I love you guys 💞

  • @urvashisharma7415
    @urvashisharma7415 4 роки тому +1

    i love this man for real😂

  • @pranav_manoj
    @pranav_manoj 3 роки тому +1

    I love this guy

  • @sweet-sinner
    @sweet-sinner 4 роки тому

    i love this guy

  • @prenom_nom
    @prenom_nom 4 роки тому

    Thks

  • @pranav-kale
    @pranav-kale 2 роки тому +1

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

  • @Vellutia
    @Vellutia 4 роки тому

    Thanks Flutter team

  • @gourav7315
    @gourav7315 4 роки тому

    Great Tips

  • @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!

  • @erlangparasu7524
    @erlangparasu7524 Рік тому

    02:11 Thanks for visualisation!

  • @user-tl4co3ib5o
    @user-tl4co3ib5o 4 роки тому +1

    Thanks

  • @nidalbakir4720
    @nidalbakir4720 4 роки тому

    Thanks 💙

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

  • @kellyhiggins5703
    @kellyhiggins5703 3 роки тому

    I like this Filip guy

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

  • @adbysantos6603
    @adbysantos6603 4 роки тому

    Flutter is awesome

  • @programmingcore7413
    @programmingcore7413 2 роки тому +1

    Love flutter...

  • @NatoBoram
    @NatoBoram 3 роки тому

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

  • @_birdy_birdy
    @_birdy_birdy 4 роки тому

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

  • @nazirhammad9505
    @nazirhammad9505 4 роки тому

    nice video sir

  • @blank-vw2sb
    @blank-vw2sb 4 роки тому

    GREAT!!! Flutter is cool

  • @Aniket596
    @Aniket596 4 роки тому

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

  • @sjadon5808
    @sjadon5808 4 роки тому

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

  • @JoonBeh
    @JoonBeh 3 роки тому +1

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

  • @aadarsh8869
    @aadarsh8869 4 роки тому

    Flutter is gold

  • @AlejandroGonzalez-rz3ml
    @AlejandroGonzalez-rz3ml 3 роки тому +1

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

  • @benjaminli21
    @benjaminli21 3 роки тому

    I love you Flutter team

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

  • @blablablabla29382
    @blablablabla29382 4 роки тому +3

    4:22 and developper happy :)

  • @ibrahimhussein6019
    @ibrahimhussein6019 4 роки тому

    💜

  • @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?

  • @mohammadtalha2336
    @mohammadtalha2336 4 роки тому

    What's widget rebuild tracker?

  • @heshansandeepa9471
    @heshansandeepa9471 2 роки тому +1

    very nice

    • @flutterdev
      @flutterdev  2 роки тому +1

      Thank you for your continued support, Heshan 😀

  • @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?

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

  • @asif7127
    @asif7127 4 роки тому

    Great

  • @manugo4
    @manugo4 4 роки тому

    Cool guy!

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

  • @learnd24
    @learnd24 4 роки тому

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

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

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

  • @vadympinchuk
    @vadympinchuk 4 роки тому +1

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

  • @AdriSinaga
    @AdriSinaga 4 роки тому

    Wowww

  • @kenjikurizon
    @kenjikurizon Рік тому

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

  • @michaelthan6467
    @michaelthan6467 4 роки тому

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

  • @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?

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

  • @marwandhiaurrahman
    @marwandhiaurrahman 4 роки тому

    flutter for programing future

  • @darasat
    @darasat 4 роки тому +1

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

  • @routadu
    @routadu 4 роки тому

    1:57 I actually have a problem on my side

  • @jasonfox13
    @jasonfox13 4 роки тому +1

    Flutter web performance video pls

  • @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 )

  • @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!!

  • @subhamprasad1373
    @subhamprasad1373 4 роки тому

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

  • @Gaijin101
    @Gaijin101 4 роки тому

    Pls fix flutter web jank :(

  • @muhammedozdogan5133
    @muhammedozdogan5133 6 місяців тому

    02:00 Oh boy 😂😂

  • @francisca4478
    @francisca4478 4 роки тому

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

  • @bigwig2258
    @bigwig2258 4 роки тому

    Please bring web development to live

  • @DeprecatedAPI
    @DeprecatedAPI 4 роки тому

    First Comment

  • @lasindunuwanga5292
    @lasindunuwanga5292 3 роки тому +1

    Nice funny video buddy

  • @aidarlatypov7747
    @aidarlatypov7747 2 роки тому

    Ikea lamps everywhere...

  • @user-gt7cs7yj9f
    @user-gt7cs7yj9f 2 роки тому

    مبنبهحق

  • @user-rn9xl7gq1q
    @user-rn9xl7gq1q 4 роки тому

    What no arabic

  • @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!