一、白屏时间和首屏时间
白屏时间（FP：First Paint）：用户输入网址到显示内容的时间；中间过程包括DNS查询、建立TCP链接、发送首个HTTP请求、返回HTML文档、HTML文档head解析完毕。
FP = 页面开始展示的时间点 - 开始请求的时间点；
通常认为解析完<head>的时间是白屏结束的时间点，所以可以在html文档的head中所有的静态资源以及内嵌脚本/样式之前记录一个时间点，在head最底部记录另一个时间点，两者的差值作为白屏时间；缺点是无法获取解析HTML文档之前的时间信息。
首屏时间（FCP：First Contentful Paint）：开始请求时间点和首屏内容渲染结束时间点
FCP = 首屏内容渲染结束时间点 - 开始请求的时间点；
首屏渲染结束的时间点不好确定，可能是图片可能是异步请求，需要视情况分析。
window.performance:w3c提供的用来测量网页和web应用程序的API，它是浏览器中用于记录页面加载和解析过程中关键时间点的对象，通过这个API可以更方便的获取到相应的时间节点（返回的timing对象记录了各个节点的时间戳）。通过时间点可以计算出DNS查询耗时、TCP链接耗时、HTTP请求耗时、解析dom树耗时、白屏时间、加载时间。
白屏常见的优化方案:SSR、load弹框、骨架屏；
首屏加载的优化方案:前端的资源动态加载、内容过多启用懒加载、减少请求的数量、压缩；
本文暂时没有评论，来添加一个吧(●'◡'●)