美文网首页
本项目服务端渲染的实施

本项目服务端渲染的实施

作者: robinliu_ | 来源:发表于2019-02-21 17:39 被阅读0次

    1、为什么做服务端渲染

    服务端渲染:就是在前端和后台中间加了一层node中间层

    为什么要加node层,因为react页面内容是动态加载的,搜索引擎爬虫爬不到js动态生成的内容,

    加node后,用户刷新页面的时候,能够直接由node端输出页面,这样爬虫就能爬到内容了,有利于seo

    2、本项目的实施:

    用户刷新的那一刻所显示的页面,是node层输出的页面,然后立刻转换成前端渲染的页面

    在首页刷新,可以看到页面闪了一下,闪之前的页面是node输出的,闪之后的页面是前端渲染的

    这样,既做到了seo,又不改变原网站的逻辑

    3、对网站应用逻辑的影响:

    服务端渲染做的内容,只是在页面刷新的那一刻才显示的,没有不利影响

    4、对网站访问速度的影响:

    1)由于加了一层node,有可能降低用户访问速度,因此在node层加了数据缓存

    2)静态资源原来走的cdn,做成服务端渲染后,只能做到部分公共静态资源走cdn, 部分走node;node输出静态资源的效率会低一些,我这里做了压缩和浏览器静态缓存,速度上几乎没有区别,待测试

    相关文章

      网友评论

          本文标题:本项目服务端渲染的实施

          本文链接:https://www.haomeiwen.com/subject/ecsdyqtx.html