Webkit 动画在 iPad 上的表现

发布于 2024-09-30 02:45:18 字数 142 浏览 0 评论 0原文

基于 webkit 的转换/动画会影响 iPad 上的 JS 性能吗?是否有一个单独的图形处理器来处理 webkit 的东西?

基本上我正在开发一个带有一些简单的 webkit 动画的程序,但其中有很多,我想我必须删除这些动画,因为它使 Ipad 变慢。

Do webkit based transformations/animations affect JS performance on the IPad? Is there a separate graphics processor to handle the webkit stuff?

Basically I am developing a program with some simple webkit animations, but a bunch of them, and I think I have to pull out the animations because its making the Ipad slow.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

聽兲甴掵 2024-10-07 02:45:19

您可以查看 Thomas Fuchs 的文章:制作 iPad HTML5 应用程序和让它变得非常快

他提出的一些观点是

  1. 图像极大地减慢了速度——摆脱它们
  2. 避免文本阴影和文本阴影。 box-shadow
  3. 避免不透明度(干扰硬件加速渲染)
  4. 使用translate3d,而不是translate(后者并不总是硬加速)
  5. 确保使用 非渐进式 JPEG 如果你想要硬件加速

You may check out Thomas Fuchs's article on: Making an iPad HTML5 App & making it really fast

Some of the points he makes are

  1. Images slow things down immensely– get rid of them
  2. Avoid text-shadow & box-shadow
  3. Avoid opacity (interferes with hardware-accelerated rendering)
  4. Use translate3d, not translate (the latter is not always hard-accelerated)
  5. Make sure to use non-progressive JPEGs if you want hardware-acceleration
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文