本文共 6926 字，大约阅读时间需要 23 分钟。
by Stacey Tay
通过史黛西泰
This week I had the privilege of attending , a conference focused on front-end web performance. I’ve never been to a conference before, but I was thrilled to be attending because it promised an and .
本周，我有幸参加了 ，这是一个有关前端Web性能的会议。 我以前从未参加过会议，但是我很高兴参加会议，因为会议答应了和 。
I started about over a year ago, and so thought this would be a great chance to deepen my knowledge and meet other people in the community.
大约一年多以前，我开始 ，因此认为这是加深我的知识并结识社区中其他人的好机会。
This post consists of three parts:
这篇文章包括三个部分：
(1) my experience attending the conference,
(1)我参加会议的经验，
(2) some of the things I learnt at the conference, and
(2)我在会议上学到的一些东西，以及
(3) parting thoughts.
(3)离别思想。
I went alone and it was a fairly intimidating experience, since I’m generally a shy person and can take awhile to warm up. But, I made a rule to not sit alone during lunch and to try to talk to at least 2 people each day. I’m glad I did because everyone I met was nice and fun to talk to.
我一个人去，那是相当令人生畏的经历，因为我通常是一个害羞的人，可能需要一段时间才能热身。 但是，我制定了一个规则，不要在午餐时间独自一人坐，并且每天尝试与至少2个人交谈。 我很高兴，因为我遇到的每个人都很好并且很有趣。
I ended up meeting a lot of people, talking about things ranging from the , experimenting with to better serve users in Australia (from servers in the US), functional programming’s increasing prevalence in front-end web development, and how to get started with snowboarding (not performance related, in case you’re wondering).
我最终结识了很多人，讨论了从 ，尝试以更好地为澳大利亚的用户提供服务(来自美国的服务器)，函数式编程在前端Web开发中日益普及的各种事情。开始使用单板滑雪(与性能无关，如果您想知道的话)。
All the speakers had something related to web performance in one form or another to talk about, and it was obvious that they put in a lot of effort into their presentations. ’s covered a long list of performance tricks and each of her points had a song lyric to go along with them, which was so entertainingly informative. She told me that it took her about 15 minutes for each song and there’s like over 30 in there ?
所有发言人都以一种或另一种形式谈论与网络性能有关的事情，很明显，他们在演讲中付出了很多努力。 ( )的涵盖了一长串表演技巧，她的每一个要点都带有一首歌词， 。 她告诉我，每首歌花了她大约15分钟，那里大概有30多分钟？
Videos of the talks should be announced on soon, but a number of the slides have already been published with .
会谈的影片应在公布很快，但一些幻灯片已经出版了 。
Improving a web page’s performance isn’t just a one-off audit, fixing the problems that makes that page slow, and then moving on. It takes a concerted effort from all stakeholders—business, design, engineering, marketing, product—in an organisation to get and stay fast.
改善网页的性能不仅是一次性审核，更正了使网页变慢的问题，然后继续进行。 在组织中， 所有利益相关者(业务，设计，工程，市场营销，产品)需要齐心协力 ，以保持并保持快速发展。
The talks weren’t all just about how we could improve s or load times, which are important. But, they also covered the other important parts of making the web accessible and usable for as many people as possible. From to , and from to the .
讨论不仅涉及如何改善或加载时间，这很重要。 但是，它们还涵盖了使尽可能多的人可以访问和使用Web的其他重要部分。 从到 ，从到的 。
Some, if not all, of these might be common knowledge, but many were new to me.
这些中的一些(如果不是全部)可能是常识，但是许多对我来说是新的。
to enable better performance. Also, .
来实现更好的性能。 另外， 。
Compare your site with your competitors’ to get executive buy-in on driving performance. Use of your webpage against a competitor’s loading journey to succinctly drive your point across.
将您的网站与竞争对手的网站进行比较，以获取高管对绩效的支持。 使用对您的网页进行的 ，与竞争对手的加载过程进行 ，以简洁地您的观点。
Measure the potential annual revenue gains from increasing site speed with .
使用 衡量提高网站速度可能带来的潜在年度收益 。
on network requests.
对网络请求的 。
are great for animating loaders because of their (relatively) smaller sizes.
(相对)较小， 因此非常适合动画加载器 。
.
。
Not all CDNs are doing .
并非所有CDN都执行划分。
If you have to use web fonts, wrote a .
如果您必须使用网络字体 ， 撰写了一份 。
Perceived performance is influenced by duration (actual duration that a process takes, referred to as “performance”), responsiveness, fluency (perceived smoothness of a process), and tolerance (how long does the user expect a process to take). from and ’s talk on Measuring Perceived Performance to Prioritize Product Work.
感知的性能受 持续时间 (一个过程所花费的实际持续时间，称为“性能”)， 响应能力 ， 流畅性 (一个过程的感知平滑度)和容忍度 (用户期望一个过程花费多长时间)的影响。 来自和的演讲的 ，该演讲涉及衡量感知性能以优先进行产品工作 。
Chrome’s is useful for determining where and when to code-split stuff out. Interact with the page a little to see how the numbers change, and according to , about 45% unused code is normal and it’ll be diminishing marginal gains to optimise over that.
Chrome的对于确定何时何地对内容进行代码拆分很有用。 与页面进行一些交互以查看数字如何变化，并且根据 ，大约有45％的未使用代码是正常的，因此优化该代码将减少边际收益。
Chrome’s feature allows developers to return a locally saved file, which is useful for debugging something on the fly.
Chrome的功能使开发人员可以返回本地保存的文件，这对于动态调试某些内容很有用。
.
。
(alright, this one isn’t exactly related to web performance, but I found out about it during the conference and can’t stop playing with it).
(好吧，这与网络性能并不完全相关，但是我在会议期间发现了它，因此无法停止使用它)。
creates a network graph from a web page and is useful for visualising third party requests.
可从网页创建网络图，对于可视化第三方请求非常有用。
If there’s one overarching theme I got from the conference, it’s that to be good at web performance, it’s crucial to understand (things like how happens and the ). But, performance doesn’t just stop at technical gains.
如果有一个最重要的主题我从会上得到的，那就是要善于Web性能，它的关键是要了解 (已经是如何发生和 )。 但是， 性能不仅止于技术进步 。
Getting buy-in from all stakeholders, not just engineering, is crucial to improving and maintaining performance because web performance goes beyond loading a page as fast as possible.
从所有利益相关者那里获得购买的支持，而不仅仅是工程方面的支持，对于提高和维护性能至关重要，因为Web性能不仅限于尽可能快地加载页面。
There’s also perceived performance to consider, and then determining whether further improvements in performance creates additional significant business or user improvements. It’s important to keep in mind that performance is just one part of the user experience.
还需要考虑性能 ，然后确定性能的进一步提高是否会带来其他重要的业务或用户改进 。 重要的是要记住， 性能只是其中的一个用户体验的一部分是很重要的。
I didn’t take too many photos during the conference (note to self to definitely take more photos the next time), but I did manage to snap this one.
会议期间我没有拍太多照片(请注意，下次一定要拍更多照片)，但是我确实设法拍了一张。
If you’re interested in web performance or just web development in general, this is an amazing conference to and it’s scheduled to happen next year too! There’s also a for those unable to attend without financial assistance. Looking forward to seeing you there next year!
如果你有兴趣在网络性能或只是Web开发总的来说，这是一个了不起的会议，以和它预定明年要发生呢！ 还有一个针对那些没有经济援助就无法参加的人。 期待明年与您相见！
Thanks to , , and for reading an earlier draft and sharing their feedback.
感谢 ， 和阅读早期的草稿并分享他们的反馈。
翻译自:
转载地址：http://phrwd.baihongyu.com/