Lighthouse性能评分

Performance中的LCP (Largest Contentful Paint),根据官方定义,就是页面中Size最大区域的渲染时间。
https://web.dev/lcp/

所以,如果页面中有些区域(比如一个复杂的控件)渲染时间较久,一定要有比它更大的区域可以快速渲染。 比如以下例子:

三个Slider控件渲染时间较长,所以其上面的纯文字区域一定要足够大,成为LCP,这样Performance的评分就能上去。

posted @ 2021-01-04 18:25  老胡Andy  阅读(536)  评论(0编辑  收藏  举报