现在开始

对于一个单纯显示Hello World的页面来说，能做的性能优化非常有限，所以本书的第一个例子的逻辑比Hello World稍微复杂一些，但这个例子仍然足够简单，也足够通用。

下面先构造一个页面，页面向api.json这个动态接口提出请求，然后把动态接口中的内容Hello World和图片显示在页面上，为了简单起见，可以用HTML完成这项工作。

这样就可以直接在本地打开这个HTML文件，等待一段时间后页面上显示的是Hello World和一张图片，运行效果如图1-1所示。

为了不安装Node.js等开发环境就能运行这段代码，这里使用静态的JSONP来加载数据（api.jsonp.js），而没有使用Fetch。不完全理解这段代码也没有关系，因为这不影响读者对性能优化的理解。

图1-1　运行效果