Skip to content

Latest commit

 

History

History
17 lines (9 loc) · 2.52 KB

2.1.md

File metadata and controls

17 lines (9 loc) · 2.52 KB

2.1 建立在现有基础之上

第1章中 Alex Russell 的引言 (关于汲取了所需要的所有原生功能的网站) 完美地总结了 PWA 的特性,而且我首次开始尝试 Service Workers 时也是这种感觉。当我真正理解了它们工作的基本概念后,我慢慢地意识到,它们的强大其实远远超乎我的想象,甚至让我脑洞大开。随着我越来越多地了解 PWA,并开始尝试每次学习使用一个新功能或“元素”。通常学习新技术就像是在爬山,如果你以一步一趋的思维方式来学习 PWA 相关的知识的话,你将很快掌握 PWA 的艺术。

我相信,很多读这本书的人都会在他们目前的项目中花费大量的时间和精力。幸运的是,构建一个 PWA 并不需要你从头开始把项目再重做一遍。当我尝试改善现有的应用时,每当我觉得一个功能对用户有益并能为他们提供增强的体验时,我就会添加这个新“功能”。我喜欢把每个 PWA 的新功能都看作是可以升级超级马里奥的新蘑菇!

如果你认为你现有的 Web 应用可以从 PWA 的功能中受益,我推荐你一个叫做 Lighthouse (https://github.com/GoogleChrome/lighthouse) 的便利工具。它提供 Web 应用相关的有用的性能信息和审核信息。(参见图2.1)

Figure 2.1

图2.1 Lighthouse 工具非常适用于衡量 PWA 的审核和生产性能。

你也可以把它当做命令行界面来使用,或者如果你使用 Google Chrome 浏览器的话,还有方便的 Chrome 插件可以使用。如果你在打开网站时运行它,它会生成与上面图片类似的内容。该工具针对你的网站进行审核,并生成一个有用的功能和性能指标清单,可用于改进你的网站。如果你想使用这个方便的工具并希望将其运行到你现有的一个网站上,请移步至 github.com/GoogleChrome/lighthouse 以了解更多信息。

有了 Lighthouse 工具的反馈,你可以每次添加一个新功能,慢慢地提升你网站的整体体验。

此刻,你可能想了解有哪些功能是可以添加到你现有网站上的! Service Workers 开辟了一个充满可能性的世界,所以,决定从哪里入手是至关重要的。在本书的其余部分,每章都会重点介绍 PWA 的一个新功能,无论你是为了优化现有网站,还是为了构建一个全新的网站,都可以即学即用。