首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何更快地加载大图像? next.js

如何更快地加载大图像? next.js
EN

Stack Overflow用户
提问于 2021-12-13 14:50:14
回答 1查看 1.2K关注 0票数 0

这是一个全屏图像。

I使用图像component

  • format of the image: wepb

  • 关于图片的信息在

下面的照片中

我试过的是:

  1. 使用priority={true} priority=

  1. 试图压缩图像,压缩其大小和分辨率,但加载速度仍然很慢。

<图像src={“/图像/视频/bg-Image.webp”}layout={“填充”}objectFit={“盖子”}alt={“背景图像”} />

当我第一次访问页面时,我必须等待至少5-10秒才能加载图像,然后快速加载图像。如何提高图像的加载速度?

EN

回答 1

Stack Overflow用户

发布于 2021-12-13 20:07:51

首先,您应该从next/image导入Image,如果您在本地测试它,请注意每个刷新页面,您的请求都很慢,但是在生产模式中,它是不同的,而且速度非常快。如果您在网上测试它,Next.js会捕获图像,并且对第一次加载有一个延迟加载算法,慢加载可能与您的web基础设施有关。此外,我建议您使用Next.js 12。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70336538

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档