作者在我司，做了C端活动架构升级，产出的一种骨架屏。姐妹兄弟篇 -《你可能不知道的动态组件玩法🍉》。

本文主要介绍应用在拍卖源码工作台BeeMa 架构中的骨架屏自动生成方案。有一定的定制型，但是基本原理是相通的。

背景 性能优化、减少页面加载时间、提升用户体验，是前端领域的一个永恒话题。在前后端分离、异步渲染在页面中被普遍应用的背景下，大量页面在用户访问时不可避免的会出现一段短时间白屏。目前的解决方案一般为以下

本文为翻译文章，原文比较长，感觉也有点啰嗦，所以根据个人理解猜测梳理出本文。

通常一个页面可以分为三个阶段，加载阶段、交互阶段、关闭阶段，影响前端性能的主要就是前面两个阶段，那本文会从这两个阶段入手讲解，如果能搭配浏览器DevTools那就更棒了。

在线上项目中,需要统计产品中用户行为和使用情况，从而可以从用户和产品的角度去了解用户群体，从而升级和迭代产品，使其更加贴近用户。用户行为数据可以通过前端数据监控的方式获得，除此之外，前端还需要实现性能监控和异常监控。性能监控包括首屏加载时间、白屏时间、http请求时间和http…