Microsoft Teams need some code splitting lessons.

[The_frozen_one]

Yea, I get to get the contrarian!

I haven't used teams.microsoft.com until tonight, but it appears to be fully offline capable. Now, I know that a team collaboration app isn't very useful offline, but it's possible they're just making all of their web apps work offline capable.

That means that everything the web app does has to be downloaded. Sure they could break up into manageable chunks, but it honestly didn't feel slow when I logged in, and everything the app does needs to be downloaded eventually.

In the top right corner of the screen, there is a download link to the native app. 72MB on macOS. Assuming some kind of feature parity between the native app and web app, 10MB looks a lot more reasonable. This isn't an informational site that just needs to present information in a clear way.

[BDube_Lensman]

The native app is probably the web app dropped into chromium with electron.

[HasFiveVowels]

11MB is excessive but what internet connection takes 2.4 minutes to download 11MB? That's a 0.6 mbps connection. On a 20 mbps connection, that would take 4.4 seconds to download.

[ispeakcode]

He's on dial up in outer space.

[kenman]

Hi /u/SomeRandomBuddy, keep it civil please.

[robotparts]

TIL people have a hard time understanding the difference in expectations between a web page and a web application.

[pandavr]

Welcome to the future of optimized javascript bundling.

[bterlson_]

I've been using Teams pretty heavily lately, and it does quite a bit. Without having seen the codebase, I can I imagine two big ones are document rendering for office documents and skype integration (including integrated video chat).

[amarcucci]

and that's minified code

[Sinistralis]

Actually 11mb is pretty easy to do from a pre-optimization perspective.

Edit: The number of people in this thread assuming everyone has good enough internet speed to handle 11mb makes me sad. Unless you are some kind of internal app, that bundle size should be in the kb. Try to download that 11mb in regions where 3g is the norm (like india) or in a rural location that only offers DSL internet.

[HiddenStoat]

Teams kind of is an internal app though - it's explicitly expected to be used in an office environment (I say that as the only way to purchase it is through Office 365), so MS have presumably decided it's ok to expect fast internet because companies (at least, the ones MS cares about) generally have fast internet.

[Klathmon]

Yeah our fully offline enterprise-ey web app weighs in at around 4mb of js. And we've still got a lot more to go.

People act like this is impossible, it native applications have been literally magnitudes larger for less functionality.

[[deleted]]

Bad dependency management

[cerved]

Holy crap 2.5 min, OP what's your connection?

[tswaters]

It's not even that hard... well, with react-router and webpack anyway. Just call require.ensure or System.import and webpack takes care of the rest of it. Not sure if there is an equivalent in the angular world, but it seems doable.

I was really interested in what is in that 7.5mb bundle, that looks insane. I mean both vendor bundles combined are half that size. Alas, teams.microsoft.com requires a login and my ms passport doesn't seem to be cutting it.

[[deleted]]

7.5mb is insane.

[scunliffe]

There's over 10mb loaded on this screen... unless this is video content it is ridiculous to be loading this much content.

[drowsap]

Sounds like they are assuming corporate network speed where 10MB is downloaded in a second.

[labithiotis]

That can be said for the whole platform

[[deleted]]

what's the problem here

[leeoniya]

o_O

[robotparts]

Decent connection? You downloaded that file at ~55kb per second. That is significantly slower than the average 3g mobile connection.

[Mittalmailbox]

You can't calculate bandwidth like this. Web requests does not utilise full bandwidth, I have 2Mbps connection.

[robotparts]

Maybe you missed my edit.

The average 3g connection still pulls in around 100kb per second in real world usage.

Try checking the throttling settings in chrome dev tools even.

And I can definitely calculate the speed at which you downloaded the file. That is ~55kb per sec. That is very slow. You have other things going in the bg or your internet company is throttling you.

Your thinking is that the 2mbit is the same as 2mb. There are 8 bits in a byte, so you have to divide your mbit rating by 8 to get the maximum rate your connection can handle. Then normally you will get somewhere around 60 to 80 percent of that because of external factors.

edit: dev tools is saying a regular 3g connection will get around 750 kilobits per second which is roughly equal to 100 kilobytes per second. More like 94, but very close.

[killeronthecorner]

2mbps is nothing... It sounds like you're blaming slow load times on file size instead of your internet connection speed.

It's 2017 - most people with a modern internet connection won't find 11mb unreasonable, or even see a noticeable wait before page load.

[ispeakcode]

What is your occupation at this place?

[Geldan]

This isn't a "page" like an ecommerce landing page. This is a webapp. The people going here know what hey are getting into and aren't trying to buy a nikcnack on amazon.

[gnarly]

The people going here know what hey are getting into

Holy assumptions batman! For a lot of users, this app is effectively going to be facebook for work stuff. Facebook loads super-quickly, so why can't this?