Javascript 多个惊人的css和JS动画平滑性能渲染?需要知道这一点的推荐人和专业人士吗

Javascript 多个惊人的css和JS动画平滑性能渲染?需要知道这一点的推荐人和专业人士吗,javascript,css,animation,html5-canvas,gsap,Javascript,Css,Animation,Html5 Canvas,Gsap,如果你确实遇到了这个问题,并且你不知道答案。请把它投上去,这样我和其他许多人都能得到答案。。请不要否决任何人 我想在我的项目登录页的动画上获得最好的性能,我正在尝试GSAP和原始css,我认为没有任何一个可以帮助性能有时变得太慢 ->我看到很多网站都使用硬核,而且更为复杂,动画持续不断,支持包括手机在内的所有平台,但我的动画即使在PC上运行也很活泼 我一直在努力找到解决办法,一直在努力 删除除“变换”或“变换”之外的所有其他动画特性 不透明度和 添加了css 3d转换技术 同样使用Gsap,没有

如果你确实遇到了这个问题,并且你不知道答案。请把它投上去,这样我和其他许多人都能得到答案。。请不要否决任何人

我想在我的项目登录页的动画上获得最好的性能,我正在尝试GSAP和原始css,我认为没有任何一个可以帮助性能有时变得太慢

->我看到很多网站都使用硬核,而且更为复杂,动画持续不断,支持包括手机在内的所有平台,但我的动画即使在PC上运行也很活泼

我一直在努力找到解决办法,一直在努力

  • 删除除“变换”或“变换”之外的所有其他动画特性 不透明度和
  • 添加了css 3d转换技术
  • 同样使用Gsap,没有人能帮上忙
  • 现在我不知道如何让它工作,如果有人想看我的网站,这是链接:

    注:

    加载时预加载动画(仅css)有时会滞后,主屏幕动画也会滞后(星星通过gsap动画,背景通过css变换移动,世界也随着css变换旋转),当我再做一个动画时,我想在大徽标和世界上盖章,然后将其淡出,它只是一步一步地完成,一点也不慢

    如果我们通过这一点,我还有一个地方的动画不太好。希望所有这些都能得到整理,其他人也能从解决方案中学到一些东西。你可以看到,它在开发中没有那么灵敏,所以在全高清屏幕上以80%的放大率打开它,在高清屏幕上以67%的放大率打开它。我真的很想从任何人那里得到帮助,如果他/她觉得有帮助的话。如果有人看到可以做一些改进或替换,我还想得到一些关于改进我的UI的建议


    我是否应该尝试其他东西,如画布、webGL或web动画API或其他考虑到我希望在IE9和移动设备之前获得全面支持,但我不需要手机上的家庭动画,基本上只是手机上需要加载动画。

    嘿,伙计们,请不要编辑我的帖子,请向上投票。。我知道我在问什么!一些建议,你有JS内联,使其外部化和缩小,添加Modernizer,删除不必要的脚本,如使用GSAP,使用所需的脚本,而不是全部,这可能会改善页面加载以及动画。在这里你可以得到一些提示:不要帮忙。。我有内联脚本用于加载程序,其余文件都是外部文件。。加载速度不是我现在关心的问题,我有办法稍后再做,我只是想改进渲染performance@SanjeevK这实际上与初始化后的运行时性能无关。您的第一句话让我从审阅队列中加入了一场战斗,但在我看来,事实证明,这个问题其实很有趣——尽管这可能会变成一场讨论或一系列建议,而不是一个只有一个明确答案的明确问题。实现完美平滑的动画绝非易事,尤其是对于已经建立的代码库来说。尤其是在加载/渲染某些内容时需要动画时(我认为在web平台上根本不可能做到这一点,除非做出严重的妥协)。