如何使用next/image (next start)加速按需图像优化



当我的服务器在部署上再次设置(新的next-build and pm2 restart)时。图像的初始加载需要很长时间,比如30 - 50秒,我猜这是因为NextJS按需进行图像优化,而不是在构建时间上进行优化,以防止在有几百个图像时花费大量的构建时间。

但它不能是,我必须访问我的网站在每个设备宽度后,每次部署得到图像优化和更好的加载结果为我的用户?

你对此有什么建议?您是否使用第三方工具缩小所有图像,然后再按需使用next/image?还是直接忽略next/image

?还是我现在错过了什么?我使用fill属性的大小模式(max-width: XX) XXvw, XXvw)我的应用程序在我自己的托管服务器上运行next start,我不使用next export来生成静态站点。

到目前为止,我用next/image尝试了一些事情来缩小我的图像大小。如前所述,使用fillsizes,但问题仍然存在,按需提供映像在最坏的情况下需要50秒。我猜这是因为用户正在请求一个特定的图像->nextJS会对它进行优化->将其返回给用户。当第一个页面加载执行时,每个其他用户都从中受益,因为nextJS已经有了这些压缩图像。

James在问题本身的评论中解决的问题。

最新更新