一个用了大量css动画的h5 如果里面的图片元素特别多 是不是会影响到流畅度

最近 做了 一个动画H5 里面用了特别多的css动画 和 img标签

提问 有六七十个img标签还有好多的gif图 和 大量的css动画
在低端的安卓机下会卡顿 请问 是因为图片太多的原因吗?和大量的css动画 有关吗???急急急!!!

阅读 2.9k
1 个回答

1、不清楚你的场景,一般来说,一个手机屏幕里面能够容纳的内容有限,所以你应该要考虑当元素出现在视窗之内的时候,再触发元素的动画;
2、另外一个点就是,尽量使用 css3 动画,位移优先使用 transform 属性,同时开启 GPU 加速 transform: translateZ(0)
3、当你的 DOM 层级很多的时候,尽量把需要做动画的 DOM 至于最顶层,这样可以减少 GPU 隐式合层
4、给容器顶层加上 backface-visibility: hidden

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题