这是一个全屏图像。
I使用图像component
下面的照片中
我试过的是:
<图像src={“/图像/视频/bg-Image.webp”}layout={“填充”}objectFit={“盖子”}alt={“背景图像”} />
当我第一次访问页面时,我必须等待至少5-10秒才能加载图像,然后快速加载图像。如何提高图像的加载速度?
发布于 2021-12-13 20:07:51
首先,您应该从next/image导入Image,如果您在本地测试它,请注意每个刷新页面,您的请求都很慢,但是在生产模式中,它是不同的,而且速度非常快。如果您在网上测试它,Next.js会捕获图像,并且对第一次加载有一个延迟加载算法,慢加载可能与您的web基础设施有关。此外,我建议您使用Next.js 12。
https://stackoverflow.com/questions/70336538
复制相似问题