采用 next.js/egg-react-ssr 写法,实现客户端渲染和服务端渲染统一; 采用 Umi SSR 构建,生成独立 umi.server.js 做法,做到渲染; 采用 Umi 做法,内置 webpack 和 React,简化开发,只有在构建时区分客户端渲染和服务端渲染,做好和 CDN 配合,做好优雅降级,保证稳定性; 结合 FaaS API,做好渲染集成。
性能对比 以预发版本播放页为例,使用 chrome 无痕模式测试。 优酷 PC 播放页:150ms 首屏,首屏文档大小 37kb。文档到达时间平均为 120ms。 优酷 H5 播放页性能提升 3 倍。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。