箱形阴影影响比例性能

Question

我正在使用transform:scale css属性来缩放图像数组并测量fps性能。

在测量性能后，它非常缓慢。结果只有20fps。 阅读了关于如何提高性能的一些提示。他们大多建议不要使用box-shadow，因为它很沉重，会降低性能。 因此，我设置了box-shadow:none并再次测量性能。不幸的是它给出了相同的结果。

出于好奇，我设置了box-shadow:1px 1px 1px black来检查性能。我对性能的期望是因为盒子阴影的存在而变慢。

但是在测量性能后，它从20fps-50fps提升。任何想法，这是什么原因呢？我没有想法。

谢谢。

Answer 1

它可以是，别的东西给你20fps的测量性能，也没有盒子阴影。之后你给了一些值的箱阴影，通过使用箱阴影的性能问题时，它maked它慢比以前...

这里阅读一些好的信息和想法：

http://cubiq.org/performance-tricks-for-mobile-web-development

http://tobiasahlin.com/blog/how-to-animate-box-shadow/（如何使箱阴影与流畅的性能）

通过使用图像代替缓慢CSS的属性（截图从第一个环节 - 搜索 “的box-shadow”），同时检查想法：

我希望，这些想法和信息的一些将帮助你的表现。

干杯。