1

window.onload 一般精准的算不出来，就是模拟，比如 1s 内算加载 70%，3S 内加载完就是 100%，加载不完进度条在 90%，等 onload 时间执行完成后就 100%；

2

都是用假的。参考 youtube

3

你直接监听计算路由地址切换的时间试试

4

如果只是加一个进度条的话可是试试 nextjs-toploader

6

7

这就是无解的需求吧，首先如何确定这个页面到底需要加载多大的资源，页面里的多媒体文件算不算？通过 css 引入的图片 字体 其它 css 这些算不算？还有更多动态引入的资源。
youtube 那个就是最优的解。让用户感知页面正在加载，如果一个页面超过 3 秒加载不出来，那用户已经没有兴趣打开了。如果 3 秒内能打开，那加载进度是不是不是很重要。
这不是下载一个大文件，我需要知道下载了多少，还剩多少。

8

```
const [isPending, startTransition] = useTransition();
startTransition(() => {
push(`${pathname}`);
});
```