SSR,SPA,SEO的理解和对比
SEO
搜索引擎优化
由于SPA是通过AJAX加载页面数据的，很难保证站内数据被SEO获取到，有些搜索引擎对JS和AJAX获取数据并不支持
SPA
单页应用（single page application）
- 优点
- 页面之间的切换快
- 一定程度上减少了后端服务器的压力
- 后端程序只需要提供API，不用管client是手机端还是PC端
- 缺点
- 首屏打开很慢，用户首次打开要下载SPA框架及应用程序的代码，然后再渲染页面
- 不利于SEO搜索引擎优化
SSR
服务器端渲染(server side rendering)
- 优点
- 更快的响应时间，不用等待所有的js都下载完成，浏览器变成现实比较完整的页面
- 更好的SEO，我们可以将SEO的关键数据直接在后台就渲染成html，从而保证搜索引擎的爬虫能爬取到关键数据
- 缺点
- 占用更多的cpu和内存资源
- 一些常用的浏览器API无法使用，比如window，document，alert等，如果使用的话需要对运行环境加以判断
- 开发调试会比较麻烦，对SPA的一些组件的生命周期的管理会变得复杂，只会执行ComponentMount之前的生命周期，第三库使用受限，学习成本大。
为什么SSR比SPA要快
由服务器端请求首屏数据而不是客户端请求首屏数据，服务器端在内网进行请求，速度更快。但是客户端处于不同的网络环境，导致时间差
服务端渲染路线
客户端渲染路线
服务器端渲染会先向后端请求数据，生成完整首屏HTML后返回给客户端
客户端渲染会等待JS下载，解析完之后再向服务器请求数据，等待过程中是什么也没有的，所以会出现首屏白页的情况
SSR,SPA,SEO的理解和对比相关推荐
- SPA SEO SSR三者有什么区别
SPA通俗的说就是单页面应用(single page application) 优点 页面之间的切换非常快 一定程度减少了后端服务器的压力 后端程序只需要提供api,不需要客户端到底是web端还是手机 ...
- spa,ssr对seo的影响和区别
1.SPA SPA是单页Web应用(single page web application,SPA),就是只有一张Web页面的应用,是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的We ...
- 单页面SPA(如react，vue)网站的服务器渲染SSR之SEO大杀器rendertron(超详细配置+避坑)
单页面网站,比如vue.recat框架的网站,一般都是直接从服务器推送index.html,再根据自身路由通过js在客户端浏览器渲染出完整的html页面. 但是搜索引擎的爬虫可没有这么智能(实际上go ...
- 服务器之Apache和Tomcat和Nginx的理解和对比
1 问题 公司服务器用的Apache,后台是php语言,然后服务端用的linux C/C++,会经常听到Apache服务器,然后之前实习的公司服务端用的java,然后依稀记得使用了nginx反向代理服 ...
- VideoCLIP-FacebookCMU开源视频文本理解的对比学习预训练，性能SOTA！适用于零样本学习！...
关注公众号,发现CV技术之美 0 写在前面 在本文中,作者提出了VideoCLIP,这是一种不需要下游任务的任何标签,用于预训练零样本视频和文本理解模型的对比学习方法.VideoCLIP通过对比时间重 ...
- Java笔记-对CountDownLatch的理解（对比Qt中的QSemaphore）含实例
首先在CountDownLatch,这个东西基本上和信号量是一样的,这个CountDownLatch要设置一个初值,这个值一般是个正值,可以对这个CountDownLatch进行countDown() ...
- URL伪静态。SEO中理解伪静态
伪静态就是:动态网页通过重写URL的方法实现去掉动态网页的参数,但在实际的网页目录中并没有必要实现存在重写的页面. 伪静态的生成的2种方式: 1,框架型伪静态,这种是非常简单而且也是非常便于识别的,它 ...
- HashMap和Hashtable理解与对比
一.概述 HashMap和Hashtable的区别在面试的时候经常会被问到,那么它们有什么区别呢?这里谈一下它们各自的特点以及它们的区别在哪里. 二.HashMap 1.HashMap是键值对key- ...
- Linux IO复用：select、poll、epoll的理解与对比
目录 IO多路复用 select系统调用 poll系统调用 Epoll *系统调用 Epoll vs select/poll 相关文章 Linux(实际上是Unix)的一个基本概念是Unix / Li ...
最新文章
- 深度学习三巨头也成了大眼萌，这个一键转换动画电影形象的网站竟因「太火」而下线...
- 使用Docker搭建Elasticsearch6.8.6集群及设置集群用户密码
- 判断java日期跨月_18 个 Java8 日期处理的实践，太有用了！
- cocos2dX改变锚点位置
- 【EOJ Monthly 2019.02 - B】解题（思维，抽屉原理，暴力，模运算，优化，tricks）
- nginx1.10.2源码安装配置参数参考
- Oracle11g的安装和使用
- Android开发笔记（一百七十八）更安全的数据仓库DataStore
- 力扣26--删除有序数组中的重复项
- mysql 5.5多实例部署
- 《数据分析思维手册》和《数据分析师的职场真相》全集整理好啦，下载保存！...
- 创新企业如何“跨越鸿沟”？
- html3D创意相册附源码
- 基于二阶锥规划的主动配电网动态最优潮流求解
- Windows程式开发设计指南--开始
- 使用纯JavaScript实现全网页动态樱花飘落特效
- Highcharts构建加权平均值图表
- python明文密文_python实现对输入的密文加密
- java实现“进制转换-在线工具”
- 【codeforces】【比赛题解】#960 CF Round #474 (Div. 1 + Div. 2, combined)