0

为什么我使用 Image 组件显示的图像加载时间比我使用 img 标签显示的要长得多?我的图片是 webp 格式的。在截图https://ibb.co/jLsnLd4中,底部的两个链接只是一个 img 标签,然后是一些等待和 next/image 加载图像。也许是因为延迟加载功能是这样实现的?Image 组件使用钩子 useIntersection: https://github.com/vercel/next.js/blob/52139a41e90b668aa7e393c18990f1d1f5db9e22/packages/next/client/image.tsx#L10 然后这个钩子使用IntersectionObserver: https://github.com/ vercel/next.js/blob/0af3b526408bae26d6b3f8cab75c4229998bf7cb/packages/next/client/use-intersection.tsx#L89 或者可能是因为 Image img 组件总是解码="async"?https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/decoding这会以任何方式影响下载速度吗?你有什么建议吗?

4

0 回答 0