Name: ビルドツールの世界で物事を速くする by Surma & Jake Archibald｜JSConf Budapest 2019 (Making things fast in world of build tools by Surma & Jake Archibald | JSConf Budapest 2019)
Uploaded: 2021-01-14T10:25:19.000Z
Duration: 42 min 37 s
Description: VoiceTubeの動画で発音を聞きながら英語表現を覚えよう！学べる英語：

I mean, you know the way, um that I hope you have a way to see if the way it's always give away.

We could go the full screen f for full screen.

So earlier this year, a few of us went on a fact finding mission to India to see how folks who used the Internet out there and one thing stood out to us, and that is that feature phones are back.

The future phone market doubled in 2018 in India and the sale of smartphones like, kind of flattened out.

And at the current rate, that is projected 400 million feature phones will be sold in India this year alone.

Yes, and the one on the right over the very foreign.

That is geo phone, which is the most popular brand.

And I compared to all of the phones you all have here, everything about all of these phones is extremely shit.

There is no touch screen, and the CPU is God awful.

But it's 15 quid and that allows people to be on the Internet that previously couldn't afford to be there.

Yes, and also the geo phone on the end There, this is a web based phone is running Chiyo s, which is a fork of the old Firefox os.

So this phone is kind of is running Firefox 42 for pretty much everything s o a little team of us got together consisting off summer Jake on Dhe Americo she she she's in America might market in America.

If you if you actually think it's quicker to go that way, Yeah, you Either way, if you just keep going forward, you find it.

We build an interactive Web experience that would run on devices like this.

But, you know, with responsive design and progressive enhancement and enabling it to also scale up to something that looks great on a desktop.

If you like mine sweeper, you will like rocks because it's the same.

So here's on desktop and, as you can tell, like we threw all the animations at it and, like, make it fancy.

But keep in mind this entire thing scaled down nicely and is playable on one of these 15 quid feature phones with the exact same code base.

Yes, we put a lot of effort into making it run really fast.

So we figured we'd go through some of the tricks and techniques that we use because none of it's really unique to this particular Web.

It's stuff that you can apply to any site till all right about before we dive in.

I think it's important that we address a question that we still often see on Twitter.

Is this one on Web fundamentals there by Jeremy.

He's supposed to be a guy said to me last night, Really?

Well, okay, Well, if you want to read Jeremy's article, whatever you can find it at this Billy Link.

It's like it points to all these Web performance studies carried out by a variety of companies such as Pinterest, who reduced their perceived wait times by 40% and saw an increase by 15% in sign ups or cooker.

Reduced Arlo time by under 15 seconds and start increasing conversions and session time.

So if you ever since the painting to load or anything, he was space time by half, 12% boost in sales.

If it's abandoned 230 seconds, conditions apply right, although that's a large variety of sites like, we'd still see folks saying like me, this Yeah, it's all very interesting, but it doesn't apply to my site because, like my sight is somehow difference.

Yeah, they found, like, one aspect in the study that they feel like their own site doesn't match two, and therefore the entire evidence provided is invalid.

I think everyone in this room right is a user of software.

We know how frustrating it is when something performed badly.

And low time is just such a big part of that.

The performance optimization So we're going to talk about in this talk are pretty simple.

But when you've got a bill system wrapped around your project, as most of us do, just adding something like a tag to a page can become like a real pain.

So we're gonna take a look at that side of things as well.

So let's rewind to the first Alfa version off approx before we had done any of our performance work.

This is totally the real Alfa version, not the version we just retrofitted for the sake of the shut up.

So, aside from being a bit slow, it wasn't really all that different from your average everyday Java script of a nap.

Jarvis, we file that took care of populating the page.

The rest of our CSS was embedded in our job script by post.

Yes, the notable difference from most weapons, I think, is that we used pre act instead of react.

React is 33 day pre act is three cake React can do much more, but none of the things that I can do more we actually needed.

For us, it was really like a no brainer to be able to save 30 case straight out started.

The other differences we used roll up basically because we wanted to give it a try like we'd use roll up in before for, like, libraries and stuff.

ビルドツールの世界で物事を速くする by Surma & Jake Archibald｜JSConf Budapest 2019 (Making things fast in world of build tools by Surma & Jake Archibald | JSConf Budapest 2019)

字幕リスト動画再生

ビルドツールの世界で物事を速くする by Surma & Jake Archibald｜JSConf Budapest 2019 (Making things fast in world of build tools by Surma & Jake Archibald | JSConf Budapest 2019)

stuff

absolutely

split

script