盖茨比背景图片重复网络图片请求

时间:2020-05-13 11:54:37

标签: reactjs google-chrome-devtools gatsby gatsby-image

我是Gatsby的新手,我正在尝试在我的Gatsby react应用程序中实现Gatsby Background-image组件,从WordPress网站查询数据。

文章中的背景图片组件

Background Image component in article

当我查看网络开发人员工具时,可以看到对相同图像的重复请求。

cfa png的重复请求:

duplicate request of cfa png

我试图了解是否可以预期。我看到了ImageRefs.js的启动器。

如果这不是预期的,那么有人知道我如何解决dup请求吗?

这是我在index.js中的查询,它获取图像src并将数据向下通过props传递到我的articles组件。

Graphql查询:

Graphql query

我可能会误解网络面板信息,但是这种情况会在此页面上延迟加载的所有图像上发生。

这与我将图像src传递到子文章组件中有关吗?

多张图像重复:

multi image dups

先谢谢了。

0 个答案:

没有答案