面试题答案
一键面试- 细粒度Hydration：Qwik采用细粒度Hydration策略，不是对整个页面进行Hydration，而是针对每个需要交互的组件单独进行。例如，页面中有多个列表项，每个列表项组件可能有自己的点击等交互逻辑。传统方式可能要对整个列表所在区域进行Hydration，而Qwik仅对用户交互的那个列表项组件进行Hydration，大大减少了处理的数据量和计算量，降低Hydration成本。
- 预渲染与Hydration结合：在构建阶段，Qwik进行预渲染，将页面的初始状态渲染好。在客户端Hydration时，只需对需要交互的部分进行增量更新。比如对于一个展示文章列表的页面，文章内容部分在预渲染时就已生成静态HTML，Hydration时只针对如点赞、评论等交互功能进行处理，避免了重复渲染已有的静态内容，提高了Hydration效率，改善用户体验。
- 静态资源优化：Qwik对静态资源（如CSS、JavaScript）进行优化，减少不必要的加载。它会分析组件依赖，只加载当前页面交互必需的脚本。例如，某个页面只有特定区域有地图交互功能，Qwik会确保仅加载与地图交互相关的脚本，而不是加载整个应用的地图相关脚本，降低Hydration时的资源加载成本，提升页面加载速度和性能。
- 延迟Hydration：对于一些非关键交互组件，Qwik采用延迟Hydration策略。例如页面底部的一些次要功能组件，如“返回顶部”按钮，在页面初次加载和主要内容的Hydration完成后，再对这些组件进行Hydration。这样可以先保证主要内容可交互，提升用户体验，同时减少初始Hydration的工作量，优化性能。