【问题标题】:Two pages with almost identical scroll events has different performance具有几乎相同滚动事件的两个页面具有不同的性能
【发布时间】:2017-05-30 19:29:49
【问题描述】:

我有两个页面,第一个是我们的博客主页,第二个是我们的新闻网站主页,
当您向下滚动时,该博客在 chrome 中出现令人讨厌的延迟。
但几乎相同的代码在我们的新闻网站中运行良好。 您可以在下面找到这两个页面:

news website
blog

问题是:我使用 chrome 开发者工具渲染面板查看 FPS、重绘区域、动画调整,但我找不到导致博客页面延迟的问题。
关于如何找到问题的任何想法?

【问题讨论】:

  • 尝试在 devtools 中移除顶部的 slick-slider。看来性能提升不少!也许你可以从那里优化。
  • 如果您将此添加为答案,我可以接受它
  • 谢谢!也可能是幻灯片太多了。你可以尝试减少它们。另外,Scroll 上的 JS 中是否发生了什么?像滚动位置检测?如果是这样,您可以查看css-tricks.com/the-difference-between-throttling-and-debouncing

标签: javascript html css performance


【解决方案1】:

尝试在 devtools 中移除顶部的滑动滑块。看来性能提升不少!也许你可以从那里优化。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-10-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多