Chrome性能分析
www.gingerdoc.com/tutorials/h… ---
通过ctrl + shift + n进入无痕模式；通过ctrl + shift + i进入性能分析区，选择性能；加载网络。
什么是最大内容绘制 (LCP) 以及如何有效地优化 - 闪电博 (wbolt.com)
Largest Contentful Paint (LCP) --特定页面的最大内容绘制（LCP）。也就是说，LCP是网站渲染包含最多内容的元素所花费的时间。
什么是FCP以及如何针对您的网站优化 - 闪电博 (wbolt.com)
当然也可以采用PageSpeed Insights 进行测量
什么是累计布局偏移 (CLS) 及应该如何优化提升 - 闪电博 (wbolt.com) -----
通俗地说，就是进入页面后，布局随着加载的进行发生变化，对用户来说极不友好。---对于加载的图片最好先指定大小，方便布局，而不是在最后的时候确定
从可以发现，LCP加载时间还是有一点点长的。主要在于banner的加载，后面考虑预加载LCP图片。
