Chrome Dev Tools时间轴框架中的额外渲染时间 [英] Extra render time in Chrome Dev Tools Timeline Frames

问题描述

那里有许多视频和教程，旨在减少使用开发工具的框架的合成，布局和绘制时间，但是当这些时间远低于分配的时间时，我不清楚该怎么做，但是帧仍然需要很长时间才能渲染.

There are plenty of videos and tutorials out there geared towards reducing the compositing, layout, and paint times for a frame using Dev tools, but I'm not clear of what to do once those times are well below the allotted time, but the frame still takes far too long to render.

有什么技巧可以确定导致帧渲染得如此缓慢的帧中到底发生了什么?

Any tips on determining what exactly is happening in a frame that causes it to render so slowly?

推荐答案

保罗·爱尔兰(Paul Irish)和保罗·刘易斯(Paul Lewis)简短地触摸了此主题

Paul Irish and Paul Lewis touch this topic briefly here. According to this video, white bar indicates browser waiting for a CPU or a GPU and there is nothing that developer can do to fix this (assuming that he is working on a 'standard' website with no canvas/webGL). However, IMO both Pauls don't sound very convincing when talking about this. I guess, it's just hard to explain briefly (and maybe 8 sips of beer that I've counted from the beginning of the video are to blame :) ).

这篇关于Chrome Dev Tools时间轴框架中的额外渲染时间的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！