如何建立更快的网站

在他的演讲之前生成伦敦9月21日我们赶上了帕特里克哈曼,一名网络性能工程师快速谁正在为所有人建立一个更快的网络。

你在Fastly中的角色是什么?
帕特里克哈曼:
Fastly是一个支持世界上一些最大品牌的边缘云平台。我的职责主要集中在研发上;与Fastly中的团队合作,利用客户端技术和Web标准来改善我们产品的性能和交付,最重要的是 - 我们客户的服务。目前的一些项目包括围绕浏览器性能监控,指标和服务工作者的计划

在您加入Fastly之前,您曾在“卫报”和“金融时报”上花时间。他们是如何处理网络性能的?
PH值:
性能不再是部署后的加载项或核对表项。从设计到交付,组织中的每个人都需要不断努力。这些新闻机构很早就意识到这一点,引入了一些实践,例如构建监控基础架构来衡量和比较竞争对手的性能,优先考虑内容交付而不是其他功能,以及利用服务工作者等技术。

现在在线快速体验的最大障碍是什么?
PH值:
一句话:JavaScript。我想我应该稍微详细说明一下:网络正处于JavaScript肥胖危机的顶峰。平均网页现在提供大约500kb的脚本。需要超过一秒的脚本才能在低功耗设备上解析 - 更不用说执行 - 并且超过五秒钟才能进入用户可以与页面交互的状态。因此,改善我们网站用户体验的唯一方法是测量,优化和减少我们的JavaScript - 最重要的是。

WebPageTest runs a free website speed test from multiple locations around the globe using real browsers and at real consumer connection speeds

WebPageTest使用真实浏览器并以真实的消费者连接速度从全球多个地点运行免费的网站速度测试

您最喜欢的优化网络性能的工具是什么?
PH值:
我坚信你无法优化你尚未测量的东西。所以我的工具箱非常重视测量和分析工具。对于合成测量,我总能达到WebPageTest和浏览器开发人员工具(网络和性能窗格)首先。但是,没有什么比测量真实的用户体验(RUM)更好,因此对浏览器性能计时API的良好了解也有帮助。

你曾经在一些非常大的代码库上工作过。大规模工作面临的挑战是什么?
PH值:
总的来说,我认为一个大的代码库分享了你在一个较小的问题中找到的大部分问题:消除未使用的CSS(我认为这个问题尚未解决),缓存,资产构建管道和版本控制等等。你也会得到更多的“腐烂” - 随着时间的推移,最佳做法变成反模式。但就个人而言,我发现大规模的挑战是人的问题,而不是技术问题。我还没有在一个不受康威定律影响的大型组织工作。

你称自己是一个渐进的增强倡导者。那种与你产生共鸣的方法是什么?
PH值:
与流行的看法相反,我们的用户实际上使用我们在现实世界中构建的产品:一个充满非理想的浏览条件和每个角落的失败。渐进式增强使我们能够为所有用户构建包容性的体验,并且能够适应现实世界的失败。这很简单:只需要从基础开始,而不是当地咖啡师告诉你的300kb JavaScript库。我们不应该忘记基础知识。

您目前对前端开发感到兴奋的是什么?
PH值:
网络受到威胁。用户花费更多时间在本地 - 因此孤立 - 应用程序体验远离网络的开放性。然而,我们似乎仍然需要在漫游连接上构建占用20秒并且每个负载成本为1.20英镑的站点,最终将我们的用户推向远离。

幸运的是,服务工作者和相关API等技术可以提供帮助。我迫不及待地想要一个仍然可以脱机工作的快速,有弹性的网站的新时代,可以在后台同步我的数据并通知我更新。有些人称此进展为“渐进式网络应用”。我更喜欢“网络”一词。

In his talk at Generate London Patrick Hamann will explore the current, past, and future best-practices for loading assets in the browser

在Generate London的演讲中,Patrick Hamann将探讨在浏览器中加载资产的当前,过去和未来的最佳实践

人们期望从你的演讲中学到什么生成伦敦
PH值:
对于局外人来说,服务一个网站似乎很简单:发送一些HTML和CSS,然后浏览器决定下一步该做什么。然而,实际上很多内容正在进行中,所有这些都是以我们的用户为代价的。

浏览器如何确定接下来要申请的资产?我们如何衡量网站的感知速度?我们如何使用现代网络平台功能来影响资产的优先级和速度?希望我的演讲能够回答这些问题以及更多。为受众提供工具,为用户创建更快,更有弹性的体验。

生成伦敦9月21日至22日期间还有15个其他演讲,内容涉及网页动画,用户体验策略,原型设计,可访问性,响应式CSS组件等等。会议前一天还有四个可供选择的工作坊,但门票非常有限。现在预定你的位置



翻译字数超限