主要观点：本文聚焦于客户端渲染单页应用（SPAs）性能提升的定制解决方案，重点介绍了预加载网络数据的优化方法及其不同实现模式。

关键信息：

• 在客户端渲染中，页面加载时预加载网络数据很重要，大型 SPAs 通常需大量网络请求，传统方式在应用扩展时效率低下。
• 现代浏览器提供link rel="preload"等工具可处理特定用例，但主要限于简单硬编码请求，复杂场景需依赖现有框架或自定义实现。
• 自定义解决方案可通过在 HTML 文档头部注入 JavaScript 脚本立即启动网络请求，能实现更复杂行为。
• 更“可扩展”的预加载模式是让应用中的任何函数可被预加载，通过定义、包装、导入和启动预加载等步骤实现，可避免等待 UI 渲染和瀑布效应。
• 示例代码展示了如何使用withPreload函数预加载用户数据等信息，以及预加载脚本的入口点。

重要细节：

• DataPreloader类用于管理预加载的承诺和结果，preload方法启动预加载，consumePreloadedPromise方法获取预加载结果。
• withPreload函数用于包装要预加载的函数，返回可检查预加载结果的新函数，并暴露preload方法。
• 在不同的文件中，如my-app/data-preloader.ts、my-app/load-user-data.ts、my-app/app.tsx和my-app/preload-script-entry-point.ts，分别实现了数据预加载的相关功能和逻辑。
• 强调该模式可根据需求扩展和改进，如添加预加载过期逻辑和支持参数匹配，但要注意预加载脚本的依赖，避免过大影响效率。