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

本项目服务端渲染的实施

作者: 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输出静态资源的效率会低一些,我这里做了压缩和浏览器静态缓存,速度上几乎没有区别,待测试

相关文章

  • 本项目服务端渲染的实施

    1、为什么做服务端渲染 服务端渲染:就是在前端和后台中间加了一层node中间层 为什么要加node层,因为reac...

  • 使用 Docker + PM2 + Jenkins 部署服务端渲

    服务端渲染的项目打包后,需要使用 Node 运行服务端的脚本文件。在我的服务端渲染项目中,客户端和服务端打包的代码...

  • 简单的React SSR

    0.前言 服务端渲染在项目中不是刚需的东西,但有的时候也是需要做一个服务端渲染,项目要做服务端渲染当然是有很多好处...

  • 第一个vue项目总结

    最近幸运的参与了公司m站重构项目,项目使用了nuxt、vant nuxt是基于vue的服务端渲染框架,服务端渲染有...

  • React服务端渲染-next.js

    React服务端渲染-next.js 前端项目大方向上可以分为两种模式:前台渲染和服务端渲染。 前台渲染-SPA应...

  • #ReactApp项目构建流程【2】

    ReactApp项目构建流程【2】 React服务端渲染 为什么会有服务端渲染?webapp开发模式很多框架都由浏...

  • React SSR 原理与项目工程化

    客户端渲染和服务端渲染 客户端渲染 :顾名思义即 React 代码在客户端渲染执行,当项目启动首次请求服务端时服务...

  • day11【首页数据显示和添加Redis缓存】

    1 搭建项目前端环境(NUXT) 01-服务端渲染技术NUXT-初始化NUXT 一、服务端渲染技术NUXT 1、什...

  • Next.js与React服务端渲染

    最近在一个资讯类的项目中用了 Next.js 服务端渲染,体验了一把服务端渲染的速度,首屏直出,渲染速度666。 ...

  • 服务端渲染SSR之UmiJS预渲染

    UmiJS 服务端渲染 本文主要介绍 UmiJS 的预渲染功能。 一、什么是服务端渲染? 服务端渲染(Server...

网友评论

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

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