GWT 代码拆分下载进度条 - 类似 gmail

Question

我必须在我的项目中使用代码拆分。但无论如何，第一次初始下载有一些代码。

现在我想向最终用户展示代码下载(.cache.html - 或其他代码拆分)的进度，例如 gmail 启动进度。

请你帮帮我。

RGDS

Answer 1

根据design (大致)，它提到在有意义的地方拆分模块，因为它在技术上不支持预取；话虽如此，我只能假设 GMail 根据通过回调检查的模块加载进度(即 GWT.runAsync() )显示进度。并非所有模块的大小都相同，但您可以“猜测”并为每个模块分配一个加权百分比(参见 GWT 的 compile report)

如果您的初始页面下载很大(> = 1 MB)，我建议您考虑重构和优化您的设计，使其更轻量级(脚手架)。这将意味着更多次访问服务器，但会限制初始下载大小。这将为向用户提供一些更精确的反馈，即页面正在“工作”(即不确定的进度条)并避免不必要的精度提供基础。

总页面大小在到达客户端/浏览器的过程中很难真正测量，将其显示给用户会更麻烦。您可能可以使用几个轻量级模块来完成此操作，但您必须补偿所有生成的资源，例如 ClientBundle因为 GWT 为每个浏览器排列创建了一个特定的集合。

旁注 :
将文件(例如图像、视频、音乐等)下载到用户的硬盘驱动器时，通常使用实时反馈，例如文件大小精度进度(例如 1.29MB 的 80 KB(6% 完成))。那时的数据不再是 transient 的，存储空间可能是一个问题，缓存清除并刷新，因此网页的大小通常不是什么大问题。