Evolving Flutter's support for the web

Flutter apps on the web are loading faster and have better integration with HTML in the latest release. We will also be sharing our progress on compiling Flutter web apps to WebAssembly.
Resources:
Current status of Flutter, Dart, and WebAssembly integration → goo.gle/437cJ8H
Speaker: Kevin Moore
Watch more:
Watch all Flutter Sessions → goo.gle/IO23_flutter
Watch all the Technical Sessions from Google I/O 2023 → goo.gle/IO23_sessions
Watch more Web Sessions → goo.gle/IO23_web
All Google I/O 2023 Sessions → goo.gle/IO23_all
Subscribe to Flutter! → goo.gle/FlutterYT
#GoogleIO

[@flutterdev]

Watch all Flutter Sessions → goo.gle/IO23_flutteryt_pin

[@angelamidev]

What's about on an android mobile browser (chrome) and on ios mobile browser (safari) ?

[@elelyons1847]

I am having serious issues working with Flutter Firebase for the web, the File widget is working on iOS and Android but not on the web it keeps on getting an Unsupported platform error. Anyone has a clue on the solution, please help me out I have a deadline to meet up with 😢

[@bouzie8000]

Good job guys. Makes me confident flutter is here to stay with growing support

[@ItsMeHelel]

Love the progress, here’s to it becoming even more performant!

[@pedrosantos4368]

Great improvements! Thanks to the Flutter team!

[@manashejmadi]

Improve support for SEO. Much needed. Flutter web will never become complete without proper seo support

[@MichaelDuarte]

Exciting progress flutter team!

[@Nicosfrs]

Congratulations Flutter team!

[@user-pg8wf6sc9d]

it's a great works congratulations, i dont' know how de you make so many improvement in "juste" a simple update. Day after Day i'm proud to say i'm flutter developper ! thanks team for your fantastic works

[@ladonskliarov535]

Hi everyone from Ukraine. With every news I understands that I'm in love with Flutter and it was the right choice.

[@parlough]

The Dart and Flutter web spinners are spinning at never-before-seen speeds!

[@saqqara6361]

Keep on the great work!!! Flutter and Dart on the rise!

[@wesleybarnesdev]

Cant wait to see how the WASM change is going to turn out! Thank you guys!

[@FarSam25]

future blongs to Flutter! hats off to the developers

[@ml11010]

Great work!

[@AndresPerezMelo]

Excellent work

[@buihonglan3074]

So happy to hear the loading time is down. Thank you guys

[@rayhana9527]

Wow great improvements !

[@naxcall]

Im using to embed flutter app, im so excited to try this new thing 🎉

[@gl897]

I love flutter!🎉

[@mohammadrendra2062]

Great!

[@kb-thenustechguy2644]

I love you guys

[@user-lu8wq7xr6b]

Thanks

[@augstudio1138]

Flutter is awesome in every way but to get massive deployment for the web include SEO.

[@deidyomega]

Chrome is already rendering webpages for SEO, so thats done, as far as stuff like twitter cards and previews, you'd prob need to ssr the page, which could be done right now,

[@ThomasIsBored]

Chrome isn't involved in SEO, I guess you mean Google's crawler

[@deidyomega]

@@ThomasIsBored Yeah, sorry i mispoke, googlebot is what I meant to say, but Googlebot is using the chrome rendering engine, so I'm not 1000% off.

[@kevteg7305]

Awesome

[@alikarimi01]

Thanks great flutter team Could you please prepare a tutorial for release on the server?

[@Sam-ch4jh]

Thank you. What about SEO and search result for the flutter web app

[@marana.th4]

don't mind me, just making a personal note 3:28 5:25

[@ahmedalial-selmy895]

Man, you don't know how long I've been waiting for this, for the web app download speed to get solved... Best regards from Yemen 🌹💖

[@fabianm5960]

Flutter web could be so massive. There are so many people out there like me hating css and HTML. building website without touching HTML and CSS a single time is so massiv!

[@bishworajpoudelofficial]

Great

[@BastfastaComa2015]

Nice ❤😮

[@davitjanashia9344]

What about SEO, are there any significant improvements planned in the near future?

[@ben6]

Where is the linked blog post? I can't find the shader demo

[@cookiiking]

is there seo support? Because if there is ill drop wordpress and come to full flutter web.

[@LC-dz1qy]

When can we have waveform of a audio in flutter web? Or just when can we use dart:web_audio ? I am not a good dev, and I am lost in WebM file that I record with pub dev "record". I can't analyse them because I don't really understand EBML how extract "frames".... And I am frustrated that I can't use flutter to have a waveform simple in web. Now I read that maybe the solution it's to do interop with Js with dart:web_audio... But it's seem difficult... It's cool to have functionality that give a good look. But it's hard to haven't "basic"" functionality with audio with this powerful language.

[@udonwadon2045]

when will this be ready for production use? last I tried, it was super slow and used a lot of resources.

[@a22601807]

WasmGC is awesome!

[@bennguyen1313]

Is it possible for a flutter web app, to access a computer's peripherals? I understand a desktop application can be built using FFI that can call DLLs... but can that be done with a browser-based flutter web app as well? If so, can a webserver be run on the desktop, such that this web app can be viewed on a remote browser yet still access the computer's peripherals?

[@nickkorolev8869]

Everything is super, the flutter web promotion is going very fast! Guys, tell me the easiest way to make an isolate for the web? Service worker tell me.. can you do more examples using service workers then? After all, there are times when UI freezes during bulk operations, and there is still no simple solution!

[@raeldc]

Embedded in Angular 2:45

[@aosun-vp5zo]

Can Flutter web be integrated with my previous react or Vue projects? Is there a demo? My web project requires both Flutter and Vue

[@andreygritsay762]

How many times should we ask about SEO?

[@AykutKlc]

can we make multiple flutter divs? does this mean multiple times the resources? do they share?

[@kevmoo]

With Flutter 3.10 you can only do ONE div. We are looking to leverage the multi-window support coming to desktop to allow multiple app divs from one running Flutter Web app. Stay tuned!

[@AykutKlc]

@@kevmoo thanks for the reply. we are looking forward to see this feature.

[@vijayjx]

We need seo

[@AntiThesis10125]

We need SEO!!!

[@samgarg5228]

Flutter itself says it is for building webapps not websites. Seo is already pretty bad in webapps..

[@laudijksterhuis]

Why? AI will kill SEO anyway 😅

[@martinhltr]

flutter is not a web content platform

[@loganrussell48]

Element embedding basically allows for this?? just embed your flutter app in a site that is SEO'd to the max lol

[@marodonthemorone]

Won't happen

[@ondatrai]

Where I can see this angular app?

[@komolafeezekieldare9873]

I love this, but deployed flutter app camera not working

[@studyem_io]

Kindly work on SEO side also ...thanks

[@folkerschellenberg3505]

you promised a link to the source code, where is it?

[@sanjarsaidov9765]

where can i find this source code

[@himmelkami3308]

please integrate admob or adsense into flutter web

[@erlangparasu7524]

i expect scroll dan drag/gesture get performance improvement on web. but not yet :(

[@jyotsnakukreja6758]

Is to possible to automate flutter in web

[@user-mh4sz7yu1p]

wow

[@puhgeh]

what about support for web ads?

[@savire.ergheiz]

Gave us the Fragment Shader support already 😅

[@danielvega646]

Where's the link to that output 57 webapp?

[@venkateswarans1012]

Is it possible to write the front end with flutter and wasm part with Rust? So don't need to wait till wasm GC

[@kevmoo-google]

You can't write Flutter without Dart. And Dart needs GC. You can just compile to JavaScript for now, though!

[@mdsayemsmsayem8635]

What about the seo?

[@naturalandforests8012]

how to configure aqflite with local storage

[@ajeybharat]

please do something for seo

[@ajeybharat]

how to do seo

[@beastrocks2341]

Cors error when we call Api in flutter web, works fine in android and ios

[@khabibali4967]

Please work on the SEO part because after the development SEO is a headache for web developers.

[@mdaffailhami]

up

[@justcodesdevs]

where is the sample code?

[@cookiiking]

or make a wordpress plugin for wordpress like webflow does

[@TheMohammadkhan]

Make Flutter Web SEO friendly

[@milini9767]

SEO?

[@muhammedozdogan5133]

what about ssr

[@masondavis400]

honestly flutter never my first choice but of course reasonable for small app jobs i accept that but! if i talkin about the complex app or web projects hell no.. not even a choice :D react or kotlin still good choices..

[@chaitanyadamarasingu979]

Man ............I'm waiting for an upgrade for Flutter Web.. as I don't Html css

[@jafarghorbani-vh4qb]

SEO Seo

[@abdulhadihashim5496]

Sample code please?

[@andrewbrogdon558]

Sure thing! If you're talking about the Angular embedding demo, you can find it here: github.com/flutter/samples/tree/main/web_embedding. The bit with shaders is in our codelabs repo, and you can find it at this link: github.com/flutter/samples/tree/main/web_embedding.

[@ramirodondero7856]

We need reduce loading time

[@manishgautam2424]

where is codesample for code

[@samueltwumasi4214]

first to comment 🎉🎉

[@smartmahal]

what about deep linking, it's what blocks beginners to avoid flutter web

[@ollydix]

With Flutter 3.10.0, compile faster by not compiling at all! (3rd party libraries are completely broken)

[@rright1143]

flutter web with mysql suggestion

[@chaitanyadamarsingu9925]

We wanted Flutter Web outperforming React Js 🚀🚀🚀🚀🚀

[@rogerrodrigorocha2314]

No SEO, No party 😢

[@yoapps137]

Why do these guys keep ignoring Ads for flutter web...

[@kevmoo]

Not ignoring...at all. It's really hard to get ads working with Canvas-based content. You can't match ad content to the site content. We're hoping element embedding will make this easier.

[@yoapps137]

@@kevmoo bro I've already made a killer work around. It works! It's just that goggle admob screws flutter over!. And if you already have admob integrated for your mobile... It's a pain to now develop another code base just for web Ads in my flutter app using another ad provider. If Google ad mob could just be some how signaled that this is a flutter website... My work around lands perfectly. I've tested it seamlessly. But it's a wonder flutter hasn't been able to solve the issue. Can u imagine wanting to make a framework seriously... And not allowing a serious developer to be able to earn out of his chosen work tool?!!!

[@greentea5593]

> Leveraging features that are unique to Chromium browsers. I.e. using non standard features that will degrade the user experience for non Chromium users.

[@kevmoo]

Non-Chromium browsers have a great experience. Just the download is a bit longer. We're working with standards bodies to get these features everywhere!

[@oseiasmrib]

Flutter until now is focused on web applications and not on websites. Unfortunatel 😔

[@Davidstudiovideo]

wish not disappointment again

[@Mmk-dn1fi]

Loading a simple counter app takes 4-7 seconds??!?! Anyone else notice how horrible that is?

[@user-wx7jl4cp4l]

Without SEO everything is Useless for Flutter Web...

[@werrutkyupnext]

Flutter web will always be garbage if you continue to focus on webapps

[@BooleanDev]

have you seen Rive? it is an awesome flutter web app

[@mehedihasansony]

flutter is not ready for web. not even close even with the update. But progress on crossplatform mobile app dev is great for sure.

[@memes4youday]

Great work!

[@AhmedElsaadany-ey7ri]

We need seo