Name: 自動灌注預算到您的管道/ sitespeed.io - 丹尼爾-洛佩茲 - JSConf美國2019年。 (Automated perf. budgeting into your pipeline w/ sitespeed.io - Daniel Lopez - JSConf US 2019)
Uploaded: 2021-01-14T10:22:12.000Z
Duration: 33 min 35 s
Description: 【看影片學英語】數萬部 YouTube 影片，搭配英漢字典即點即查，輕鬆掌握單字發音與用法，長久累積看電影不必再看字幕。

Automated Performance Budgeting Into Your Pipeline With Sitespeed.io

So the official title for this is automated performance budgeting into your pipeline with

It's kind of a mouthful and also I put W there for some horrible reason, apologies for that.

and I normally don't do public speaking, I'm very happy that we have the HPE track for

those who are beginners, or yeah, and I just really wanted to share this tool, because

I think it really doesn't get enough credit, and it's been around for an extremely long

time, and I just wanted to share it with you.

So that's what I'll be doing with you here today.

So a quick overview, so we're going to talk about my own personal performance journey,

some -- I guess just like performance budgets in general, what they are, what they're for,

and we're going to talk about Sitespeed.io specifically, and performance budgets within

We're going to talk about, there's a lot of different tools that do performance budgeting,

Sitespeed.io is one of them and there's a lot of other really amazing tools that I found

So yeah, we'll be talking about other tools and things to consider, and I wanted to throw

out some stuff that I've been experimenting with, and what I see as my future for front-end

performance, what I'd like to see, and what I've experimented with.

There's me behind my pizza curtains, that I sewed myself and put up in my office and

I go by the name of debug xyz on the interweb and that's because I have way too many hobbies

So this list here is all things I'm really bad at.

So I'm into growing Pequin peppers, tech minimalism, is hard.

turntablism is insane, I'm horrible, horrible at that one, but I love learning about it.

Right now I'm learning NixOS which is an operating system that is configuration as code.

I've been doing, I don't even want to say how long I've been taking front-end seriously

but I'm relearning CSS and investing a lot of time in that, as well.

So I'm going to quickly go through two of my hobbies, don't worry, I'm not going to

One of my brothers gave me chilly Pequin seeds.

Normally birds only eat them and they kind of eat away the hull of the seed so you kind

of have to emulate that to make sure that they're happy and keep them O

Here we have the pose of the year, so at this point I'd been skateboarding for a very long

I had -- it was an absolute obsession of mine.

It takes tons of practice, and is -- it's difficult.

And so when I was skateboarding, I would go all around downtown, I'd grind the -- you

know, destroy the curbs at my local library, and it would get really hot and the (speaks

Spanish) when I would get really hot and exhausted from skateboarding, I would go into my local

library, and cool off, and play with a computer.

And that's where I actually learned to code.

And I would print out -- actually JavaScript, even though I gave up really quickly, and

take it home for studying, and I did that, because it was hard.

So when I knew I was going to be a programmer, I decided I'd go to boot camp.

So this is me at my graduation photo Parris Island and there's my father and mother supporting

It was very difficult and achieving web performance can be very difficult.

It's a discipline -- like front-end web performance is a discipline within front-end and maintaining

You can really work really hard, you know, getting your site to get that time to first

interactive super-low, but at the pace that we jump from job to job, and from project

to project, you're going to have a lot of people from with varying skill levels, and

everyone within front-end performance has their specialties.

There's amazing front-end developers who are super knowledgeable about accessibility, but

may not know about front-end performance, so it's important to share your skillset with

your peers and make sure that you're having front-end discipline meetings to kind of share

So you have to do all of the things for front-end performance: Capture metrics, observe trends,

provide alerting, fixing actual issues on the website, because that's what, you know,

-- what we're talking about here is that's the kind of context that I come in from is

So fixing issues on the website, raising awareness with your peers.

You know, you may go through this same struggle if you're working on things like security,

maintainability, maybe you're super into testing, you've got to be sure that you're raising

awareness within your peers, as well as consulting, tools, analysis, for analysis, providing -- supporting

One of the first things I did when I started focusing front-end performance within my organization

is I just started capturing PSI data because I thought that was really important for reasons

And just all of the things you have to do.

And it's -- and it's pretty intense, you know, especially if you're a smaller shop, and you

may have all of this within your organization, but you still need to provide that consulting

to your peers to make sure they're aware of the tooling and of the structure that's there.

I'm not going to talk too much about this, but CPU are getting really fast.

We have blazing fast mobile devices, but you know, not everyone has that, and most of the

cell phone adoption right now is happening with like new people buying cell phones who

haven't had cell phones before, are buying low to medium-tier devices, so it's super

字幕列表影片播放

自動灌注預算到您的管道/ sitespeed.io - 丹尼爾-洛佩茲 - JSConf美國2019年。 (Automated perf. budgeting into your pipeline w/ sitespeed.io - Daniel Lopez - JSConf US 2019)

discipline

incredible

context

awesome