首页 > 其他分享 >单页面与多页面的区别及优缺点

单页面与多页面的区别及优缺点

时间:2023-03-23 19:56:03浏览次数:39  
标签:区别 优缺点 html 跳转 SEO 服务器 页面 加载

单页面是指只有一个主页面的应用,浏览器一开始要加载所有必须的html, js, css。 所有的页面内容都包含在这个所谓的主页面中。 但在写的时候,还是会分开写(页面片段),然后在交互的时候由路由程序动态载入。

优点:

  • 公共资源不重新加载,局部加载,服务器压力小
  • 切换速度快,用户体验好
  • 前后端分离

 缺点:

  • 不利于SEO(可以优化:比如路由懒加载等)
  • 初次加载时耗时多
  • 相对多页面,开发难度较大

每一次页面跳转的时候,后台服务器都会返回一个新的html文档,这种类型的网站也就是多页网站,也叫多页应用,多页面跳转刷新所有资源,每个公共资源(js、css等)需选择性重新加载,常用于 app 或 客户端等

优点:

  • 利于SEO。
  • 更容易扩展。
  • 更易数据分析。

缺点:

  • 开发成本高。
  • 服务器压力大。
  • 用户体验相对较差。

标签:区别,优缺点,html,跳转,SEO,服务器,页面,加载
From: https://www.cnblogs.com/limou956259/p/17248674.html

相关文章

  • 使用html2canvas+jspdf将页面转为pdf并下载
    需求:我有一个页面,是由多个模块组成的,现在我需要把页面转为pdf并下载,但是因为pdf自动换页以后会把我的模块给截开,不好看甚至内容被裁开,所以我需要判断当前页面加上这个模块......
  • resultType和resultMap区别
    ResultTypeResultType相对与ResultMap而言更简单一点。只有满足ORM(ObjectRelationalMapping,对象关系映射)时,即数据库表中的字段名和实体类中的属性完全一致时,才能使用,否......
  • GRE和XVLAN的区别
       VXLAN和GREmtu的说明 VXLAN模式下虚拟机中的mtu最大值为1450,也就是只能小于1450,大于这个值会导致openvswitch传输分片,进而导致虚拟机中数据包数据重传,从......
  • 深拷贝和浅拷贝是什么,有什么区别?
    深拷贝和浅拷贝是关于对象拷贝的概念,用于描述在复制一个对象时,复制的是对象本身还是对象的引用,从而影响到新旧对象之间的关系。浅拷贝是指将一个对象复制一份,但是新旧对象......
  • CDN加速和OSS传输加速的区别
    本文主要介绍剑盾云对象存储OSS的传输加速功能和CDN加速OSS资源的区别,以便您根据实际业务进行选择。详细信息剑盾云对象存储OSS以海量、安全、低成本、高可靠等特点已经成......
  • stlren和sizeof()区别
    strlen函数和sizeof运算符都可以用来计算字符串的长度,但它们的作用不同。strlen函数的作用是计算字符串的长度,不包括字符串末尾的空字符。例如,如果有一个字符串"hello",那么......
  • vue3 使用reactive定义变量时,会出现数据变化,页面未更新渲染
    vue3使用reactive定义变量时,会出现数据变化,页面未更新渲染,具体情况如下:import{reactive}from'vue';consttestObject=reactive({ show:false, titleL:'这里是标......
  • javascript中的var,let,const区别
    const:这个最简单,只需记住是声明的常量,定义的时候必须声明const的具体值,且之后不允许改变const的值 var和let区别1、由于js引擎存在预解析,会把var变量名进行提升对于......
  • 策略模式与模版模式的区别与应用
    本文为博主原创,未经允许不得转载:最近在做项目的优化,由于项目在早期缺乏规划,在开发过程中,对于某一个业务的不同类型判断,增加了很多if else,代码的健壮性变得很差。所以......
  • jsp 静态引入<%@ include %> 动态引入<jsp:include> 区别
    1.首先先介绍下,jsp机制: servlet容器,先将jsp转化成servlet,然后编译成.class文件,放置容器缓冲区【tomcat的work目录下】。每次调用jsp时,服务器会读取编译好的servler.class,......