如何移除你项目中99%的JS代码
💡
原文中文，约3500字，阅读约需9分钟。
📝
内容提要
在WWC22中，builder.io的CTO miško hevery介绍了全栈SSR框架Qwik，能移除项目中99%的JS代码。Qwik通过细粒度的hydrate优化性能，将JS代码拆分到交互时。它还允许预请求用户操作的组件逻辑，不影响首屏渲染。Qwik的目标是在首屏渲染时移除99%的JS代码，实现极致的JS代码拆分。
🎯
关键要点
- 在WWC22中，builder.io的CTO miško hevery介绍了全栈SSR框架Qwik，能移除项目中99%的JS代码。
- Qwik通过细粒度的hydrate优化性能，将JS代码拆分到交互时。
- Qwik允许预请求用户操作的组件逻辑，不影响首屏渲染。
- 首屏性能指标关乎用户留存，影响应用打开速度和盈利。
- SSR（服务端渲染）可以优化FCP（首次内容绘制）指标，减少加载时间。
- TTI（用户可交互时间）仍需优化，Qwik通过极致的JS代码拆分来解决性能瓶颈。
- Qwik的hydrate粒度极细，甚至可以到组件中的某个方法。
- 使用$后缀的函数在Qwik中表示懒加载，首屏渲染不会包含不必要的JS代码。
- Qwik支持在客户端和服务端执行的useEffect，懒加载逻辑以提升性能。
- Qwik通过qwik/json标签存储激活状态的数据，避免数据初始化两次。
- Qwik允许预请求高频交互组件的JS代码，以提升用户体验。
- Qwik的目标是在首屏渲染时移除99%的JS代码，实现极致的性能优化。
🏷️
标签
➡️
