developed a very simple activity page. In the developer tool of chrome, capture screenshot (is the green camera button in the screenshot under the network tab.) record the changes of each frame during the rendering of the page.
observed a very strange phenomenon, that is, from 21ms to 221ms when looking at the page frames have already come out. The page doesn"t start rendering until 238ms.
shouldn"t normal page rendering start with 238ms, so what page frame happened before 238ms to see what the whole page looks like?
ask the boss for advice.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div class="parent">
<img src="./.jpg" style="width: 100px;height: 100px;">
</div>
</body>
</html>