本文分享自天翼云开发者社区《Qwik-能帮你移出项目中99%的JS代码》,作者:尹****勇
什么是 Qwik
FCP
这无疑导致了FCP指标的下降
Qwik 采用了SSR,这就省去了上述三个步骤,无疑加快了FCP
但是TTI仍然需要优化
TTI
1.FCP
2.为页面所有元素绑定事件
3.事件相应时间在50ms内
框架hydrate(注水,即框架使页面能够相应交互) 对TTI有很大影响,性能瓶颈在JS。
React18的Selective Hydration通过 -让用户交互的部分优先hydrate- 来优化TTI指标。
Qwik 更极端,他的目标是——干掉所有不必要的 JS 耗时,包括两部分
1.JS 作为静态资源加载的耗时
2.JS 运行时的耗时
Selective Hydration
Fiber(题外话)