Web 开发：诊断页面加载时的重绘问题

如何解决Web 开发：诊断页面加载时的重绘问题

我在页面加载时遇到了一些重绘工件（不知道还能叫什么）：

http://odesza.ljnetworks.com/~electric2021

情况各不相同，但总的来说，我认为发生了两件事：

1. 介绍部分标题（带有大背景图片）的高度将闪烁 — 从大约 25vh 到 75vh 的正确 CSS 声明。
2. 现在下拉菜单没有编码 - 但是在 wordpress 中指定了 子菜单项。这些将在页面完全绘制之前立即在屏幕上闪烁。

我的问题更像是一个元问题 - 不是如何具体解决这些问题，而是如何诊断它们？

我使用了 Chrome Inspector，发现有一个选项可以记录页面加载和屏幕截图。当这些油漆问题发生时，我看到了。

但我真的不知道如何解释这些结果或准确诊断它们发生的原因。

谁能给我指出具体的指南、资源——或者有人对如何更好地研究此类问题有任何建议吗？我想这是由于某些渲染阻塞资源而发生的，但我只是不知道如何更好地了解发生了什么。