Jank-free页面加载&滚动可能吗?

时间:2015-12-07 14:32:30

标签: javascript html css performance rendering

我最近更关注性能,如何改进关键渲染路径,以60FPS等方式进行页面交互。

即使我正在分析的特定页面加载时间低于400毫秒并向下滚动(表格:100行,悬停时链接和行上的颜色更改)也很流畅,显然没有任何问题。在检查Chrome中的时间线时,我发现了大量的Jank。

我向身体申请了以下css(css - >“pointer-events:none;”),只是为了看看Jank是否会消失,如果我在向下滚动期间避免激活悬停效果但是Jank仍然存在。

我决定只是为了好奇而去csstriggers.com并记录页面加载和向下滚动页面。而Jank我发现,即使页面加载时间或糟糕/缓慢的交互显然没有问题。

负载:

enter image description here

滚动:

enter image description here enter image description here

它是什么意思,如果在jank的块出现例如70.2ms但是只包含渲染或绘画的非常少的时间并且剩余时间是“ms other”或“idel”时它是如何被修复的? / p>

100%的jank自由载荷和滚动是否可能,或者当交互和负载期间的感觉似乎没问题时它的性能质量是否足够?

0 个答案:

没有答案