我们知道,用户体验是 Web 产品最为重要的部分。尽可能减少首屏加载时间,更为流畅地展示用户所需求的内容,会是用户是否留存的关键因素。
而随着现代 Web 业务可供用户的交互行为越来越多,前端项目的复杂度越来越高,每个页面的渲染时间也必然越来越长,这就导致了用户的体验不佳,用户的操作变慢。
为此,前端工程师们在首屏请求的各个阶段中持续钻研,不断探究如何将首次页面渲染的时间减少到更小,力求提供更为优秀的产品体验。
CSR(Client Side Render)
浏览器渲染是最简单,最符合 Web 应用设计思路的渲染方式。
所谓浏览器渲染,就是将应用所需的页面展示、前端逻辑、接口请求全都在用户的浏览器中执行。它很好的实现了前后端的解耦,让前端开发更为独立,也让后台实现更为简单。
同时,为了缓解用户的等待焦虑,我们可以用 loading 态,或者骨架屏,进一步提升异步请求接口时的用户体验。
不过,随着业务复杂程度提高,浏览器渲染的开销也会变大,我们无法控制用户侧使用的机器性能,很多时候,用户使用的机器性能甚至不足以满足应用的需求,造成卡顿,甚至崩溃,这一点在移