2020-05-12 09:53发布
以往基于字符串拼接的模板引擎技术, 性能还可以, 但是前端不方便,而现在基于 Virtual DOM 实现的后端渲染, 前端舒服, 后端却变慢,原因是 Virtual DOM 难以做静态分析进行预编译, 最终难以提高性能.另外组件级别 Caching 方案也不够成熟, 以后比较难确定有效果.
既然提高性能短期做不到, 那么考虑对服务端渲染的工作进行缩减.比如说, 首屏渲染多少内容? 整页渲染性能低, 能不能只渲染部分,比如说只渲染第一屏主体内容, 而下方或者更详细数据在客户端抓取.就是说, 服务端渲染一部分, 客户端加载一部分, 从而做出效果.当然, 并不是新的东西, 只是说这套方案在 Virtual DOM 上要重新实现一遍.
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','/static/images/logo.png', '推荐 小鲸鱼 的问题《什么是渐进式渲染（progressive rendering）？》','http://www.shouhuola.com/answer/11118/139649.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
为什么说渐进式渲染?
以往基于字符串拼接的模板引擎技术, 性能还可以, 但是前端不方便,
而现在基于 Virtual DOM 实现的后端渲染, 前端舒服, 后端却变慢,
原因是 Virtual DOM 难以做静态分析进行预编译, 最终难以提高性能.
另外组件级别 Caching 方案也不够成熟, 以后比较难确定有效果.
既然提高性能短期做不到, 那么考虑对服务端渲染的工作进行缩减.
比如说, 首屏渲染多少内容? 整页渲染性能低, 能不能只渲染部分,
比如说只渲染第一屏主体内容, 而下方或者更详细数据在客户端抓取.
就是说, 服务端渲染一部分, 客户端加载一部分, 从而做出效果.
当然, 并不是新的东西, 只是说这套方案在 Virtual DOM 上要重新实现一遍.
一周热门 更多>