Front-End New Wave 🌊
LiuuY
LiuuY
-
SPA is NOT Sensible Default ❌
考虑到日益膨胀的前端代码量,对于前端性能、开发体验和用户体验等等的影响,不再将 SPA (Single-page application),作为前端项目架构的默认选项。
-
“Hybrid Rendering” is A Sensible Choice ✅
使用新的框架 Next.js、Qwik、Astro 等等,混合后端生成和前端渲染,显著的减少发送到浏览器的 JavaScript 包大小,提升页面速度及用户体验。他们尤其适用于电商、内容博客等重内容且对于用户访问速度体验要求高的网站。对于需要大量浏览器渲染和交互的网站,例如邮箱,地图不是很适用。
「后端生成」包括 SSR、SSG,也包括 RSC,Qwik 提供的 Resumable、Astro 提供的 Astro Islands。不同于 SSR 和 SSG 主要针对的是首次加载,而且由于后续的交互需要 Hydration ,其对于包大小没有优化。而例如 Qwik 提供的 Resumable,则不需要 Hydration 过程。