文章借鉴：https://juejin.cn/post/7014650146000470053#heading-13 方法一：column实现 column-count: 定义屏幕分为多少列 colu

随着前端框架盛行，`Performance` 已无法准确的监控到页面的首屏时间，本篇文章讲一种前端首屏时间的计算方案，偏算法实现，重点是思想，看懂就等于赚到！

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

前言 前端页面白屏,是影响用户浏览体验的常见问题之一。它会导致页面长时间空白。尤其是对于SPA项目。 什么是页面白屏 页面白屏指页面在加载过程中长时间无法正常展示内容,用户处于等待状态的现象。

页面白屏，绝对是让前端开发者最为胆寒的事情，特别是随着 SPA 项目的盛行，前端白屏的情况变得更为复杂且棘手起来 这里的白屏是指页面一直处于白屏状态，要是能检测到页面白屏就太棒了……

只有了解用户，我们才能服务好用户，而最接近用户的前端工程师，自然要承担起更多的责任。 那么在一个企业中，我们要如何去了解用户呢？ 最直接有效的方式就是埋点上报。

白屏时间 白屏时间指的是浏览器开始显示内容的时间。因此我们只需要知道是浏览器开始显示内容的时间点，即页面白屏结束时间点即可获取到页面的白屏时间。 计算白屏时间 因此，我们通常认为浏览器开始渲染