谈话摘要您可能已经阅读了一些教程或文章，解释了图像的重要性以及如何优化图像以向用户提供出色的体验。但这项工作真的能为贵公司带来成功吗？在这篇演讲中，您将看到图像优化对上司和客户关心的指标产生积极影响的真实例子。您将带着令人信服的数据和有用的工具离开本次谈话，以帮助您在公司。艾莉森McKnight是Etsy性能团队的软件工程师，在那里她帮助构建Etsy的人对其功能的性能进行推理，创建工具来揭示代码更改如何影响站点性能，并定期检查IRC是否有可能出现错误的bear gif艾特西. 我是艾莉森·麦克奈特。我是Etsy网络平台团队的工程师，对于我们今天所学到的一切，我真的很兴奋。之前有很多很棒的演讲，有很多非常好的内容，如果你像我一样，你会对你所学到的东西感到非常兴奋，你很高兴把这些东西带回你工作的公司，并实施这些性能改进，这样你就可以在你的图像上获得性能上的胜利，但是你可能会有一些问题是，这会对我的用户在我的网站上看到的用户体验有多大影响？你也可能会有一些疑问，比如，我要如何说服我公司的其他人，他们不是来参加这个为期一天的会议的，仅仅是关于图片的会议，你认为值得为你的网站投资这些图像优化？阿根达今天要在这次演讲中谈到这些问题。在我们深入研究之前，我先给你一点背景知识。我在Etsy的网络平台团队工作。Etsy经营着来自世界各地的人们可以联系起来制造、销售和购买独特商品的市场。在Etsy，我们用图片展示卖家制作的所有独特产品。ETSY的Web平台团队提供和维护ETSY的生产团队建立网站的基础。这包括基础设施和工具，帮助这些团队了解和分析他们产品的性能。"这对我的用户在我的网站上看到的用户体验有多大影响？"我在Etsy从事性能方面的工作已经有四年了，我希望今天能和大家分享我在这四年中所学到的一些东西，以帮助您更好地了解用户体验的影响、性能和图像性能。我还想和大家分享一些技巧和技巧，你可以用来鼓励公司的其他人加入到对你的公司进行图像优化的想法上站点。全部好的，我们将分三步来完成这一切。首先，我将与大家分享性能是用户体验的一个非常重要的部分。在这个背景下，我们将探讨图像对当前页面性能的影响，最后，我们将探讨图像性能如何不仅影响网站上的用户体验，还影响公司关心的业务指标。当我们这样做的时候，我们将通过一些案例研究来证明绩效和商业指标之间的联系，但我也会指出一些你可以从这些研究中获得的技巧，这样你就能说服公司里的其他人你需要专注于形象表演。表演用户体验我要去了吗从强调这一点开始。性能就是用户体验。如果您希望构建一个用户满意的产品，那么您需要将性能视为其中的一部分。我有一个案例研究可以让你明白这一点。这个特定的案例研究来自于tammyervts的书《时间就是金钱》，它深入到了许多不同的案例研究中，这些案例研究确实将业务指标和绩效联系起来。如果你喜欢学习我今天分享的东西，你应该去看看。我会在会议结束时知道这件事的说话吧。那个进行这项研究的公司是Radware，Radware对更好地理解缓慢体验对用户的情感影响感兴趣。为了做这个实验，他们让两组用户在几个移动网站上完成一系列的交易。用户被分成两组。对照组以正常的速度体验所有这些移动站点，但是实验组看到了500毫秒的人工网络延迟，这是他们体验到的。第二组的用户没有意识到他们正在体验一个较慢的版本站点。之后这些用户完成了购买，他们确实退出了与研究人员的访谈，研究人员接受了用户在访谈中说的话并生成了词云，这样他们就可以了解用户在浏览这些网站时的感受。这是一个单词cloud，它只代表用户浏览的一个站点，这是一个普通速度用户组的单词cloud。我们可以立即看到，一个很大的收获是网站易于使用，所以这是伟大的。我们确实在这里看到了一些否定的词。用户发现这个网站很难看，令人困惑，甚至在正常速度下，他们认为它有点慢。一般来说，当用户试图在现场。现在，让我们看看为同一个站点生成的单词cloud，但是当用户遇到500毫秒的延迟时。我们立刻看到他们注意到网站速度慢了。slow这个词相当大，但是让我们再看看用户不得不说的一些负面的词。我们看到了很多。用户发现该网站令人沮丧，不雅观，复杂和难以导航。有人甚至说这个网站很俗气，这和性能毫无关系。尽管这两组用户之间的唯一区别是他们使用的网站的速度，但那些体验到速度较慢的网站的用户所产生的负面词汇要比网站上的用户多出三倍左右控制。那个言语并不总是引证表现。这些词中有很多都与品牌有关，而不仅仅是缓慢的体验。有点像……云字可能不是你心目中的最高科学形式，对吧？即便如此，这些发现确实表明，性能影响用户与你的网站和你的品牌的连接，而不仅仅是让他们对缓慢的速度感到沮丧经验。那个这样做的原因是，用户、人类需要与之交互的工具速度更快。他们需要从神经学的角度来看。为了说明这一点，我们将看一看，看看一组数字，这些数字显示了我们在与机器交互时如何感知不同的加载时间。这些数字可以应用于各种各样的情况，例如，第一次加载页面，当用户更改包的目的地时更新运费，或者在你最喜欢的猫的底部再加载10条评论视频。如果在100毫秒或更短时间内呈现更改，然后，对用户来说是即时的。如果一个改变需要100到300毫秒的时间来呈现，用户会注意到一个小的延迟。在这之后，如果一个任务需要一秒钟的时间来呈现，那么用户可能会进行一个心理上的上下文转换，从考虑他们在你的站点上要完成的任何事情，转而考虑其他的事情。最后，10秒后，用户可能会放弃该任务。他们会关闭标签或浏览器，然后忘记它。在在这一点上，您可能会想知道随着我们的技术的发展，这些数字是如何变化的。这些数字最近一次发表在2013年伊利亚·格里戈里克（Ilya Grigorik）的《高性能浏览器网络》（High Performance Browser Networking）一书中。在那之前，它们于1993年发表在Jakob Nielsen的《可用性工程》一书中。这两本书中的数字非常相似。尼尔森的数据实际上是基于1991年和1968年进行的两项研究得出的。现在，我们看到的是一个40年的时间段，在这个时期内，当用户与某事物交互时，理想的响应时间的建议是相当一致的。事实上，我们可以追溯到更远的地方。我们看到其中一个数字早在1740年就出现了。此时，人们正试图研究人类的视觉短时记忆。他们把一块燃烧着的煤放在一个可以旋转的轮子上。他们想知道，为了让人类看到一个炽热的圆圈，这个轮子需要多长时间，多快才能完成一个旋转，而不是像一个旋转的轮子或一个煤炭在旋转轮子。他们发现这需要时间，当轮子在100毫秒内完成一个旋转时就会发生这种情况。这表明，我们的短期视觉记忆可以维持这么长时间。过来看。我们的目标是改变用户的目标。由于这些建议在40多年来基本保持不变，我认为可以肯定地说，这些都是在我们的线路中烘焙而成的。这确实是在神经学的层面上，人类需要的工具，他们使用快。如果我们想要创造一种让用户能够无缝、舒适地与我们的产品交互的体验，我们需要用这些数字来衡量我们的成功。理想的情况下，我们希望达到这样一个范围，即在300毫秒之内，用户就可以进行更改，这样他们可能会经历短暂的延迟，但他们不会切换到这样一个地步，即除了他们试图在你的网站上做什么之外，他们会转而考虑其他事情，因为科学已经告诉我们，如果我们让他们等待再长一点，没人有时间那个。所以到目前为止，我们已经看到性能对我们的用户来说是非常重要的。应用程序的速度确实会影响