如何解决延迟加载图像 gatsby
如果图像的查询在 gatsby 的父（站点）组件中，那么灯箱的大图像何时加载？
- a) 与网站？
- b) 带有小灯箱组件
- c) 点击灯箱的小图片
- site component
|- lightBox
|-large img
// site component queries the images
// lightBox onclick opens large image
有人可以解释一下这种行为以及为什么会这样吗？
解决方法
假设您使用的是 gatsby-image-plugin，默认设置为延迟加载，这意味着如果图像在屏幕外，浏览器不会加载它们，直到它们进入视图。为确保布局不会跳动，在图片加载前会显示一个占位符。
所以，回答你的问题，应该是“C”选项。 loading 属性可以解决问题。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
