【发布时间】:2017-05-30 19:29:49
【问题描述】:
我有两个页面,第一个是我们的博客主页,第二个是我们的新闻网站主页,
当您向下滚动时,该博客在 chrome 中出现令人讨厌的延迟。
但几乎相同的代码在我们的新闻网站中运行良好。
您可以在下面找到这两个页面:
问题是:我使用 chrome 开发者工具渲染面板查看 FPS、重绘区域、动画调整,但我找不到导致博客页面延迟的问题。
关于如何找到问题的任何想法?
【问题讨论】:
-
尝试在 devtools 中移除顶部的 slick-slider。看来性能提升不少!也许你可以从那里优化。
-
如果您将此添加为答案,我可以接受它
-
谢谢!也可能是幻灯片太多了。你可以尝试减少它们。另外,Scroll 上的 JS 中是否发生了什么?像滚动位置检测?如果是这样,您可以查看css-tricks.com/the-difference-between-throttling-and-debouncing
标签: javascript html css performance