我试图延迟加载图像,但这并没有加载图像足够快(nextJS和交集观察者)。因此,我决定推迟重要图像的图像加载。通过这种方式,它们应该在初始绘制完成后立即开始加载,但仍然不会阻塞整个线程。
如何在NextJS中做到这一点?
我试过设置useEffect
内的图像URL,但我不确定它是否阻塞主线程。不是吗?
当您使用Next/Image
时,默认情况下它是Lazy。您可以将加载属性更改为eager
迫切时,立即加载图像
下一页/图片延迟加载