在高分辨率显示器上滚动时,我的网站出现滞后

时间:2019-11-15 21:39:32

标签: javascript html css frontend gatsby

好吧,我正在使用gatsby JS在一个新网站上工作,于是我决定熟练使用该入门工具:

https://github.com/scttcper/gatsby-casper

除了一个令人讨厌的东西之外,这个入门程序一切都很棒。滚动不流畅,感觉不舒服。

最有可能与他们如何处理页面流程以及GPU上的页面强度有关,其中包含相当强大的CSS。

页面缩小后,将更改为此处声明的备用布局:

https://github.com/scttcper/gatsby-casper/blob/master/src/templates/index.tsx#L28

所以我尝试玩@media (min-width: 795px)值,但没有效果。

请注意,将浏览器调整为小窗口时,它会开始平稳滚动。

有什么想法吗?

编辑:我发现background-size:cover的性能很差,该入门者使用了很多这样的东西,因此我删除了它并调整了大小并压缩了图片,但是滞后现象仍然很高分辨率的屏幕。

0 个答案:

没有答案