如果你曾经急于从网站上获取紧急信息,那你会懂得等待网页加载可以是多么一件令人沮丧的事情。事实上,在尼尔森诺曼集团的一项研究中,他们发现,10秒的延迟通常会使用户立即离开网站,即使他们留下来,他们也很难了解将会发生什么,让他们在这种处境下继续坚持下去直到网页加载完似乎变得不太可能。如果你经营的是一个基于在线的业务,你可能已经失去了将此人转换为销售的机会。这就是为什么构建快速和有效工作的网页如此重要,无论用户设备是怎样的。
在本书的第2部分,我们会专注于如何使用 Service Workers 来提升 PWA 的性能。从缓存技术到备用图片格式,Service Workers 的灵活性都足以应对各种情况。
在第3章中,我们会深入 Service Worker 缓存并帮助你理解可应用于 Web 应用的不同缓存技术。我们先从一个非常基础的缓存示例入手,然后扩展为不同的缓存方法。无论网站的前端代码是如何编写的,使用 Service Worker 缓存都可以大大改善页面的加载速度。我们还会看一些缓存相关的陷阱并提出建议以帮助你来处理它们。这一章会以Service Worker Toolbox 的简短介绍来结尾,Service Worker Toolbox 是一个有用的库,它使得编写缓存代码更加简单。
在第4章中,我们会深入 Fetch API,并看看如何利用它来构建更快的 Web 应用。这一章涵盖了一些小技巧,可以使用它们来将你的网站性能提升至最佳。我们还涉及到了一项返回轻量级图片格式 (WebP) 的技术,然后还会看下如何在 Android 设备上接入 “Save-Data” 以减少网页的整体体积。