performance - CSS3 过渡或高内存对象是否有可能影响 Chrome 中的滚动平滑度?

标签 performance dom memory-management google-chrome css

我在一个网站上工作,该网站有很多 CSS3 转换(硬件加速)和高内存对象(例如,一个包含 39 个对象的数组,每个对象都包含典型在线新闻文章的完整 html 源代码)并且我我注意到一些非常不稳定/抖动的滚动,我一直无法调试。

我已将这些高内存对象保留在 DOM 之外,这应该可以防止它们影响 DOM 性能,但是,我不禁认为它们仍然具有负面影响。我没有要发布的代码示例,因为我不确定这是否是一个问题。

请转到此站点 (Orange) 并单击文章图 block 。在页面上方弹出的阅读器 div 中,尝试像往常一样滚动。感觉不稳定/紧张吗?您对如何改进这一点有什么建议吗?

最佳答案

众所周知,CSS3 过渡、不透明度、文本和框阴影等会影响渲染速度。事实上,即使是仅大量使用文本阴影的站点也会导致普通计算机上的滚动不稳定。将此与大量使用 javascript 相结合似乎会导致网络浏览不稳定。

编辑:橙色的 o 上的加载动画非常棒!

关于performance - CSS3 过渡或高内存对象是否有可能影响 Chrome 中的滚动平滑度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7934510/

相关文章:

c# - C# 会内联这些函数吗?

javascript - js 内存组织 - 闭包与对象?

javascript - jQuery获取 TreeView 结构中节点的id,根据id保存数据

ios - 为什么这个 for 循环会耗尽内存?

iphone - UIImage 在低内存情况下如何工作?

objective-c - 使用 ARC 的原始数据类型的综合属性——弱还是赋值?

c# - F# 与 C# 性能签名以及示例代码

Java 8 数组列表。哪个更快?在索引 0 处插入一项或使用一项创建新列表并将All 添加到新列表?

javascript - 运行嵌入在 AJAX 加载元素中的 JS 时等待加载?

javascript - 如何使用 jQuery 定位特定的父 div