实测数据
弹窗插件页面体积实测：Easy Popups vs Popup Maker
弹窗插件会给您的页面增加什么？我们分别用 Easy Popups 和 Popup Maker 设置了相同的简单弹窗（一个标题、一行文字和一个按钮，3 秒后打开），并测量了各自加载的内容。
- 4× 差距：Easy Popups 的 JavaScript 和 CSS 少于 Popup Maker（15 KB vs 62 KB gzip）
- 0 KB 在没有弹窗的页面上加载的内容（Popup Maker：37 KB）
- +2 页面上有弹窗时的请求数（Popup Maker：+9）
有弹窗的页面
首页，访客身份，10 次运行的中位数。增加 = 在未安装弹窗插件的同一页面基础上由插件额外加载的内容。
| 指标 | Easy Popups | Popup Maker |
|---|---|---|
| 增加的请求数 | 2 | 9 |
| 增加的 JS + CSS（gzip） | 15 KB | 62 KB |
| 增加的 JS + CSS（未压缩） | 61 KB | 342 KB |
| 布局偏移（CLS） | 0 | 0.0045 |
没有弹窗的页面
两款插件都未设置显示弹窗的页面，10 次运行的中位数。
| 指标 | Easy Popups | Popup Maker |
|---|---|---|
| 增加的请求数 | 0 | 5 |
| 增加的 JS + CSS（gzip） | 0 KB | 37 KB |
| 增加的 JS + CSS（未压缩） | 0 KB | 250 KB |
测试方法
我们在 Headless Chrome 中将每个页面加载 11 次，每次都使用缓存为空的全新浏览器，舍弃第一次加载，报告其余 10 次的中位数。“增加”指启用该插件时出现、而在未安装任何弹窗插件的同一页面上不存在的文件。
每次只启用一个弹窗插件，各自使用相同的弹窗：一个标题、一行文字和一个“Shop now”按钮，3 秒后打开，仅在首页显示。页面缓存已关闭。商店的其他部分保持不变。
测试版本为 Easy Popups 1.6.1 和 Popup Maker 1.25.0。Popup Maker 额外加载的文件包括 WordPress 区块编辑器样式表和一个 Google Fonts 样式表。
常见问题
为什么 Easy Popups 在某些页面上什么都不加载？
Easy Popups 会检查每个页面设置了哪些弹窗，只在会出现弹窗的页面上加载脚本和样式。
这个对比公平吗？
两款插件在同一家商店上显示相同的简单弹窗，每次只启用一个，并关闭了缓存。Popup Maker 的功能多得多，例如 exit-intent（退出意图）和数据分析；如果您需要这些功能，它额外的体积也物有所值。
我能复现这个测试吗？
可以。测试环境和方法见上文；同样的方法也适用于您自己站点的 staging（预发布）副本。
