SEO优化提高打开速度:网站的动静态分离

这次,小编来给大家介绍一下关于 “SEO优化提高打开速度:网站的动静态分离“。
网站动静态分离
网站动静态分离

1)动静分离的实现思路

动静分离是将网站静态资源(HTML,JavaScript,CSS,img等文件)与后台应用分开部署,提高用户访问静态代码的速度,降低对后台应用访问。

动静分离的一种做法是将静态资源部署在nginx上,后台项目部署到应用服务器上,根据一定规则静态资源的请求全部请求nginx服务器,达到动静分离的目标。

1.1 静态资源部署至CDN上

我们的方案是直接将静态资源全部存放在CDN服务器上。因为之前项目中的JavaScript,CSS以及img文件都是存放在CDN服务器上,将HTML文件一起存放到CDN上之后,可以将静态资源统一放置在一种服务器上,便于前端进行维护;而且用户在访问静态资源时,可以很好利用CDN的优点——CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。

1.2 后端API提供数据

后端应用提供API,根据前端的请求进行处理,并将处理结果通过JSON格式返回至前端。目前应用主要采用Java平台开发,因此应用服务器主要是Tomcat服务器,现在也开始有部分应用采用 node进行开发,应用服务器也开始使用node服务器。

1.3 前后端域名

动静分离因为静态资源和应用服务分别部署在不同的服务器上,因此会面临域名策略的选择。

  • 相同域名
    采用相同域名下,用户请求api时可以避免跨域所带来的问题,相对开发更为快速,工作量也相对小一些。
  • 不同域名
    前后端采用不同域名时,需要前后端开发时兼容跨域请求的情况,开发量相对上一种会稍多一些。解决跨域方式最常用的方式就是采用JSONP,还有一种解决方式使用CORS(HTTP访问控制)允许某些域名下的跨域请求。
    目前在我们的项目中JSONP方式更多,CORS因为需要浏览器支持,因此只会在APP内嵌HTML5,且需要POST方式时中使用。

采用不同域名的方式优点也是非常明显的,不同域名采用两个域名服务器,不同的域名服务器根据请求的不同采用不同的负载均衡策略;而且不同域名也可以邮箱方式前端携带过多的Cookie。

2)动静分离的实现优缺点

2.1 优点

  • api接口服务化:动静分离之后,后端应用更为服务化,只需要通过提供api接口即可,可以为多个功能模块甚至是多个平台的功能使用,可以有效的节省后端人力,更便于功能维护。
  • 前后端开发并行:前后端只需要关心接口协议即可,各自的开发相互不干扰,并行开发,并行自测,可以有效的提高开发时间,也可以有些的减少联调时间
  • 减轻后端服务器压力,提高静态资源访问速度:后端不用再将模板渲染为html返回给用户端,且静态服务器可以采用更为专业的技术提高静态资源的访问速度。

2.2 缺点

  • 不利于网站SEO(搜索引擎优化):搜索引擎的网络爬虫一般是根据url访问页面,获取页面的内容后去掉没用的信息例如:CSS,JavaScript,然后分析剩下的文本内容;动静分离架构模式前端数据即在是由JavaScript来完成,这就会导致网络爬虫得到的信息部分丢失。在开发中可以采用前端缓存不经常变化数据的方式来解决,只有哪些经常发生变化的数据才每次向后端请求。
  • 开发量变大,前后端交流成本升高:后端api返回的数据,往往是有自身逻辑在内的,比如返回数据中的包含status(1-处理中,2-处理成功,3-处理失败),前端需要理解status的不同含义,对应的前端操作需要理解(如,status =1 or status = 2,不可提交)。
  • 在业务高速发展时需要慎重考虑:因为开发量变大,如果在业务开始阶段,缺乏前端又要求开发速度很快,就需要慎重考虑这种方式的实现成本对业务发展的影响。

3)实现案例

一般可以使用到现在多数人用的自适应网站里面,也可以是内嵌到app软件应用里的HTML5页面。

 

原创文章,作者:SONIC SEO,如若转载,请注明出处:https://www.seo388.com/dongjingtaifenli/

(1)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2019年10月30日 13:14
下一篇 2019年11月3日 04:53

相关推荐

  • 质量高权重高的两个点评平台,外链必备!没错,就是它们!

      质量高权重高的两个点评平台,外链必备!没错,就是它们!     就是美团点评和大众点评,虽然它们已经合并了,但是它们依然是用了两个不同的平台以及不同的域名,而且两个平台与域名的权重还不一样,一个权重7,一个权重8,流量惊人,必然是高质量的外链发布地。外链的质量高低,很大程度上取决于平台网站的权重,权重高的网站必然流量高,一般…

    2019年4月5日 百度SEO
    14.9K
  • 关于网站优化SEO关键词的分类方式

    这次小编来分享一下,“关于网站SEO优化关键词的分类方式”。 首先,我们来解读一下关键词的意义,它是企业获得流量点击及提高转换率的重要指标,也是网站内容的中心思想,核心主题,它是影响网站排名的重要因素,也是网站内容创建的指明灯。所以,如何做好关键词分类以及如何建立系统全面的关键词库显得尤为重要。SEO优化中,咱们进行关键词分类的方式是什么呢?如何分类?用什么…

    2019年9月20日
    01.4K
  • SEO优化的时候百度快照没有更新的原因是什么呢?

    今天,小编来给大家说说,关于“SEO优化的时候百度快照没有更新的原因是什么呢?” 的这个话题。希望对SEO网站优化新手们有所帮助。 如题:百度快照没有更新的原因是什么? 1)网站内容没有更新或更新缓慢 2)采集的内容太多,添加到网站的内容重复出现。 3)网站的标题变化太频繁 4)网站结构变化太大 5)网站服务器不稳定 6)外链太少 而为什么有些快照会无法打开…

    2019年12月30日
    01.3K
  • SEO网站优化怎样提高收录数量?

    这次小编来介绍一下关于 “SEO网站优化怎样提高收录数量?” SEO网站优化的其中一个重要因素:1)是网站页面收录之间的时间间隔。SEO网站内容较好的做法是固定在每天某一个时间段进行更新。这样能确保收录间隔相同,如果网站页面更新的时间间隔很大,比如说,非常久都不更新网站,但某天突然心血来潮一口气地更新几十篇内容,这样做搜索引擎的确会一次收录大量的页面,但是对…

    2019年10月6日
    01.7K
  • 2023年,看看别人专业的SEO网站的robots.txt是怎么写的?

    2023年,看看别人专业的SEO网站的robots.txt是怎么写的? 如下: User-agent: * Disallow: /user/*/* Disallow: /wp-admin/ Disallow: /checkout/ Disallow: /category/uncategorized* Disallow: /author/admin/page/…

    2023年4月23日
    0558
  • 熊掌号是什么鬼?为什么要做熊账号? 百度的?

    熊掌号是什么鬼? 为什么要做熊账号? 百度的? 熊掌能吃吗?   啊,熊掌号并不能吃,这其实并不是熊掌 …… …… ( ̄︶ ̄)↗ ……这只是个称号….. 一个品牌产品的名字。 对,熊掌号就是百度自家的产品。熊掌号:是百度自家的微信公众号。功能和界面和微…

    2019年4月7日 百度SEO
    15.2K
  • SEO基础下拉框与相关搜索,寻找有用的长尾关键词

    SEO基础,下拉框与相关推荐 下拉框,每个搜索的工具基本都会有。记录着多数人的使用习惯,也是关键词筛选的方法之一。 比如说百度下拉框:   (重点提醒:百度下拉框使用的前提是,先关闭预测,不然发挥不了正常作用)   又比如说谷歌的下拉框:   又比如说淘宝下拉框:(手机端一样有,甚至连微信朋友圈的搜索都有下拉框了现在) &nbs…

    2019年3月19日 淘宝SEO
    12.0K
  • 关于地域性关键词应该如何进行优化?

    这次,小编来说说,”关于地域性关键词应该如何进行优化?“ 的这个话题。 实际上,对于大多数的SEOer来说,应该都很清楚关键词地域性与非地域性的指数差距,就拿“广州SEO”与“SEO“来说相关指数就相差了整整100倍,区域性的关键词竞争难度相对较小,区域性的关键词只需要花费少量的人力物力就能优化到首页,相对全国性的关键来说地域性关键词更能获得精准流量。 地域…

    2020年9月3日
    01.7K
  • 免费在线客服,百度商桥安装与使用教程

    免费在线客服,百度商桥安装与使用教程。 第一步注册百度统计的账号;第二步登录百度统计,把百度统计的代码安装进去你网站的FTP里面。   第三步等代码生效后,点击百度统计里面上方的管理栏目。然后能看到自己网站的代码情况,是否已经安装好,然后旁边就是启用商桥的开关,点击启用商桥,稍等片刻就可以生效,大概5分钟左右。这个百度商桥其实完全是免费的,本人亲自…

    2019年3月23日 百度SEO
    01.6K
  • 怎样才能写好,一份高价值的网站SEO优化方案呢?

    怎么制作一份优秀的网站优化方案,这是做为职业SEO具有专业能力,在看本文的读者,你真的会写网站优化方案吗? 做为从来近十年的SEO老司机来说,谈谈网站优化方案应该怎么写,希望对各位起考虑的作用。 从以下几点来思考: 对自身网站和目标用户的了解; 对目前网站分析存在哪些问题; 问题的优化解决办法是什么; 针对网站需要做哪些调整和努力;   针对我们对…

    2019年3月14日
    11.3K
  • SEO核心平台工具三款,必备工具,不看绝对后悔

    SEO核心平台工具三款,必备工具,百度自家的平台工具,免费好用,数据可靠。站长必备,SEO基础入门工具,数据分析统计,竞品分析,流量分析,SEO战略部署支持必备工具。 第一个必然是:百度资源平台   第二个必然是:百度统计   第三个必然是:百度指数

    2019年3月16日
    11.7K
  • SEO,SEM,广告推广信息流, 对于这三者如何就业选择?

    这次,小编来说说,”SEO,SEM,广告推广信息流, 对于这三者如何就业选择?“ 的这个话题。 小编相信,接触过SEO的人应该都知道SEM,信息流是后兴起的  我会在下面详细的解说。我先概括一下 这三种各是什么意思,可能有小白还不清楚他们的是什么行业 。 SEO(搜索引擎优化)它是一种通过分析搜索引擎的排名规律,了解各种搜索引擎怎样进行搜索、怎样抓取互联网页…

    2019年8月3日
    0995