一个前端非侵入式骨架屏自动生成方案

文章预览

大厂技术    高级前端    Node进阶 点击上方  程序员成长指北 ，关注公众号 回复 1 ，加入高级Node交流群 背景 性能优化、减少页面加载时间、提升用户体验，是前端领域的一个永恒话题。在前后端分离、异步渲染在页面中被普遍应用的背景下，大量页面在用户访问时不可避免的会出现一段短时间白屏。目前的解决方案一般为以下几种： 服务端同步渲染 增加页面 loading 增加页面首屏骨架屏 这几种方案各有优缺点，服务端同步渲染优点在于效果最好，缺点在于成本过高，需要在服务器部署、运维方面有较大的投入；页面loading是优点是通用性强、成本低，缺点是传递给用户的信息量过少；首屏骨架屏的优点在于能够给提前给用户充分信息量，预先获取用户关注点，让用户关注焦点提前聚焦到感兴趣位置，真实数据替换骨骼图过程过渡自然，渐进式 ………………………………