当前位置: 首页 > 知识库问答 >
问题:

前端 - 官网首页-首屏,有个复杂的动效,使用了threejs效果不理想,创意给了一个视频,10M?

莫典
2023-07-21

如上,我提出来无法保证加载速度和流程播放。请求还有其他办法解决吗?

共有2个答案

惠诚
2023-07-21

个人建议你生成gif图来处理

胡鸿远
2023-07-21

首页插入视频这个不好避免,但是既然目前没有更好的方案,那就考虑下怎么把这种方案做到极致吧。

  1. 视频本身考虑压缩下,让静态资源的体积更小
  2. 视频考虑放到cdn,使用户能够更快的获取到静态资源
  3. 使用封面图之类的占位,来提升视频加载时候的体验
    。。。
    反正就是静态资源优化那一套给搞起
 类似资料:
  • 有个视频大概10M.我希望用户首屏能看到。现在我的逻辑是先下载完成,这样能保证流畅播放。但是发现,下载时间受网络影响,大概需要6s。领导不满意。我不知道应该如何去优化了。如果使用默认自动播放,那用户网速慢的话。会加载卡顿不流畅。

  • 本文向大家介绍Android实现网易新闻客户端首页效果,包括了Android实现网易新闻客户端首页效果的使用技巧和注意事项,需要的朋友参考一下 关于实现网易新闻客户端的界面,以前写过很多博客,请参考: Android实现网易新闻客户端效果 Android实现网易新闻客户端侧滑菜单(一) Android实现网易新闻客户端侧滑菜单(二) 今天用ViewPager + FragmentAdapter +

  • https://shanghai.wellingtoncollege.cn/ 每次鼠标滚轮往下一格时, 页面就会往下滑动固定高度的一页, 这种效果是怎么实现的?

  • 本文向大家介绍js实现淘宝首页的banner栏效果,包括了js实现淘宝首页的banner栏效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js淘宝首页banner栏展示的具体代码,供大家参考,具体内容如下 CSS: js: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 在Angular 6(和RxJS)应用程序中,我有一个管理登录的效果。它首先调用服务器,然后设置并解码令牌。最后,我添加了处理重定向的最后一个操作。 情况是这样的:用户(未登录)尝试访问个人资料页面。在AuthGuard中,我拦截它,并保存所需的页面(auth-guard.service.ts): 这是Auth效果的最后两部分(Auth.effects.ts,在我发送操作DO\u登录时调用): 因

  • 可以使用 swiper 库实现每屏三个 slide,这个动画的实现思路是什么,比如借助 react-spring 或者 famer-motion ? 这里有个简单的模板。