网站建设教程:网页静态化和伪静态化的知识点

作者:武汉建站公司 来源:武汉SEO公司 2019-06-22 11:32

网站建设教程:网页静态化和伪静态化的知识点

相信小伙伴们在访问一些企业、门户、响应式等网站时有没有注意到他们的网址链接,企业首页、详情页以及新闻内容页面是否是静态页面?什么是静态页面和伪静态化?那今天,笔者就和大家聊一下静态化是怎么做的。

很多小伙伴们就会提出他们都采用了静态化的方案,这样用户请求直接获取静态数据html,就不需要访问数据库了,性能就会大大提高;而且提高网站SEO优化。

关于相关的静态文件的CDN技术,笔者就不在这边讲了。这个大型网站肯定都会用到的,什么是CDN,小伙伴们可以在网上查询看一下,比较简单;我们这边注重看技术方案。

方案一:网页静态HTML化

这个方案是笔者最早使用的方案,我们就拿CMS系统举例,类似网易的新闻网站;核心流程图

网站建设教程:网页静态化和伪静态化的知识点
网站建设教程:网页静态化和伪静态化的知识点

上图的核心思想:

1)管理后台调用新闻服务创建文章成功后,发送消息到消息队列

2)静态服务监听消息,把文章静态化,也就是生成html文件

3)在静态服务器上面安装一个文件同步工具,此工具的功能可以做到只同步有变动的文件,即做增量同步(用久没用了,忘了工具的名称)

4)通过同步工具把html文件同步到所有的web服务器上面

这样的话就达到了,用户访问一些变化不大的页面时,是直接访问的html文件,直接在web服务器那边直接返回,不需要在访问数据库了,系统吞吐量比较高。

这个方案的问题:

1、网页布局样式僵化,无法修改

如果产品经理觉得新闻详情页面的布局要调整一下,现在的不够美观,或者加个其他模块,那就坑爹了,我们需要把所有的已经静态html化的文章全部重新静态化。这个是不现实的,因为像网易这么大的体量,新闻量是很大的,会被搞死。

2、页面会出现暂时间不一致

会出现用户刚刚再看最新的新闻,刷新一下又不存在了。这个是因为同步工具在同步到web服务器是要有时间的,同步到web服务器A上面了,但web服务器B还没有来得及同步。用户在访问的时候通过nginx进行负载均衡,随机把请求分配给web服务器的导致的。当然可以调整nginx负载均衡策略去解决。

3、Html文件太多,无法维护

这个是很明显的问题,html文件会越来越多,对存储空间要求很大,而且每台web服务器都一样,浪费磁盘空间;将来迁移维护也会带来很大的麻烦。

4、同步工具的不稳定

因为文件一旦多之后,同步工具稳定性就出现了问题

这个方案应该是比较传统的(不推荐)

方案二:伪静态化

什么是伪静态?

举个例子:我们一般访问一个文章,一般的链接地址为:http://www,xxx,com/news?id=1代表请求id为1的文章。不过这种链接方式对SEO不是太友好(SEO对网站来说太重要了);所以一般进行改造:http://www,xxx,com/news/1.html 这样看上去就是个静态页面。一般我们可以采用nginx对url进行rewrite。小伙伴如何有兴趣可以自行了解,比较简单。

之所以是伪静态其实也是需要动态处理的。

针对方案一上面问题,方案进一步的演化,如下图

网站建设教程:网页静态化和伪静态化的知识点
网站建设教程:网页静态化和伪静态化的知识点

此方案的核心思想

1)管理后台调用新闻服务创建文章成功后,发送消息到消息队列

2)缓存服务监听消息,把文章内容缓存到缓存服务器上面

3)用户发起请求,web服务器根据id,直接查询缓存服务器

4)获取数据返回给用户

此方案就解决了方案一的一个大问题,就是html文件多的问题,因为不需要生成html,而且用缓存的方式,解决不需要访问数据库,提升系统吞吐量。

不过此方案的问题:

1、网页布局样式维护成本比较高,因为此方案照样是把所有的内容放到了缓存中,如果需要修改布局,需要重新设置缓存。

2、分布式缓存压力比较大,一旦缓存故障就导致所有请求会查询数据库,导致系统崩溃

还有个小问题,就是实时数据处理,就是页面中如价格,库存需要到后台读取的。当然小伙伴也许就会说,也可以处理啊,用户把商品内容请求到后,然后在用浏览器发送异步的ajax请求获得商品数量就好了啊。这样就是无形的增加了一次请求。(此问题可以忽略)

此方案类似很多公司都在使用,如:同程旅游等

方案三:布局样式模板化

针对方案二的问题,我们可以采用openresty技术方案进行,利用http模板插件lua脚本进行解决,这里笔者不会介绍openresty+lua技术,有兴趣的小伙伴,可以到访问https://www,roncoo,com/view/139 这个视频课程。

如下图:


网站建设教程:网页静态化和伪静态化的知识点
网站建设教程:网页静态化和伪静态化的知识点

这里说明一下上图中我们小伙伴不需要全部都要了解,这个是比较全的商品详情页的解决方案,涉及到了三级缓存这个概念,在这里笔者就不深入讲三级缓存了。

我们主要看的是上面怎么会有两层ngnix,分发层和应用层,这个是什么意思?

应用层nginx

笔者先介绍一下应用层nginx是什么意思?nginx一般被用做负载均衡,其实nginx还有很多的功能,尤其他的openresty扩展 + lua脚本语言结合起来可以完成很多功能,小伙伴可以理解为lua脚本语言就是类似java语言,可以动态处理业务,如:本地缓存处理,远程http访问,访问redis等。

应用层nginx就是利用了http模板 + 缓存通过lua脚本完成的网页渲染

http模板


网站建设教程:网页静态化和伪静态化的知识点
网站建设教程:网页静态化和伪静态化的知识点

 

1)应用层nginx通过lua脚本语言先获取本地商品数据,然后和http模板进行渲染,形成最终商品详情页返回给用户

2)如果应用层nginx本地的缓存没有此商品数据,就通过lua脚本发起http请求访问web服务器,获取商品数据。

3)web服务器会向redis或本机的ehcache请求商品数据(这里涉及三级缓存概念),如果存在此商品数据,直接返回给用户;如果不存在则请求微服务访问数据库

这个思路就是通过http模板,解决了方案二中的布局样式的问题,如果需要调整布局,只要改一下模板就行了,非常方便。也解决了实时性问题。这边涉及到的nginx本地缓存其实就是为了保证不需要访问数据库,提升系统吞吐量。小伙伴只要了解一下思路,如果不了解openresty和lua可以自行上网了解,也可以联系笔者。

分发层ngnix

为什么上面还有一层分发层呢?这个是因为大型网站的商品数太多了,应用层nginx的本地缓存是有限的,不可能把所有的商品数据缓存在同一个服务器的本地缓存;一台应用层nginx只能缓存部分商品数据,说到这里小伙伴是不是应该就知道为什么了吧?就是利用hash一致性算法,根据商品id路由分发到同一个应用层ngnix服务器。

网站建设教程:网页静态化和伪静态化的知识点
网站建设教程:网页静态化和伪静态化的知识点

分发层ngnix的作用就是hash策略的负载均衡,保证了商品id路由到固定的应用层服务器。

三级缓存保证了系统的稳定性,即使redis缓存崩溃,还有其他2个缓存保障。

文本总结,以上三种方案比较好的是第三种,方案三适合访问量大的门户比如网易、腾讯之类的网站,可承受亿级流量,但是开发成本高,系统比较复杂。而方案二适合企业站、博客之类的网站对实时性要求不高,布局样式调整较少,系统方面相对比较简单。方案一应该是比较传统的做法,笔者并不推荐这种老方案。



本文地址:网站建设教程频道 https://www.dayku.cn/jiaocheng/3034.html,武汉易企推建站公司提供一站式网站制作开发服务:武汉网站建设、网站开发、高端网站设计制作、手机网站开发,微信小程序开发等建站服务,制作周期短,价格实惠,效果满意;以及全网营销、网站优化服务、百科词条创建修改、新媒体引流、公司负面公关处理等


相关文章相关文章
  • 优质的网站建设需要考虑哪些特点呢?什么样的网站符合要求?

    优质的网站建设需要考虑哪些特点呢?什么样的网站符合要求?

    我们常说一个网站一定要有优质的内容建设,这句话说得也没错。一方面可以吸引蜘蛛爬行,获得良好的排名;我们就需要从另一方面通过优质的内容可以留住用户,实现流量变现。那么优质的网站建设需要考虑哪些内容呢?我们又该如何判断网站是否优质呢?笔者为大...

    2019-09-23 19:58
  • 手机网站建设,如何让用户保持新鲜度的体验,心甘情愿的刷屏呢?

    手机网站建设,如何让用户保持新鲜度的体验,心甘情愿的刷屏呢?

    一些客户搞不清楚APP和手机网站的区别,造成在提需求的时候不能与后期的运营相结合,产品投入运营阶段时状况不断。手机网站是指用WML编写的专门用于手机浏览的网站,通常以文字信息和简单的图片信息为主。 我们的手机网站需要依附手机端浏览器的支持,只要是...

    2019-09-23 19:55
  • 武汉Shopify建站教程,武汉做外贸电商网站公司哪家好?

    武汉Shopify建站教程,武汉做外贸电商网站公司哪家好?

    一、为何Shopify现阶段这么受推崇 不仅仅是因为他是一个电商软件,一个建站工具,而是整体电商运营和起步的管理系统,包括围绕Shopify所衍生出来的完善的生态应用,可以让我们很便利地去解决运营中出现的一些问题。比如: 1、FB像素和GA代码的简单集成; 2、...

    2019-08-31 23:00
  • 个人网站建设流程,网站域名主机购买步骤分享!

    个人网站建设流程,网站域名主机购买步骤分享!

    这几天笔者建设了一个网站,从注册到备案也有些许麻烦,话不多说,直接开始 准备材料:身份证正反照片,手持身份证正反照片(都别超过2M) 当然,还要准备money 好了,我们开始了! 1.域名注册:登录adobeedu,com,拉到下面,能找到一banner,点击进去 进入...

    2019-08-30 14:32
  • 将企业网站建设完成后,做什么推广可以增加自己客户?

    将企业网站建设完成后,做什么推广可以增加自己客户?

    网络市场特别大,很多公司就靠一个网站可以接很多业务,甚至都不用做线下推广,把所有的精力全部放到网站,这是为什么?想做网络推广,百度、360、搜狗、UC等平台不知道怎么投,投什么平台好?...

    2019-06-26 14:11
  • 网站建设教程:HTTPS和SSL网站安全解读

    网站建设教程:HTTPS和SSL网站安全解读

    对于网站来说什么最重要?当然是网站安全最重要,不然你网站一上线就被别人挂马、被黑了,那你做的一切努力都白费了。而且企业站或门户站的安全不仅涉及到自己企业还会威胁到用户。对于SEO来说,网站安全这个排名因素也越来越重要。...

    2019-06-22 13:31
本地企业
              可提供上门服务

便捷

本地企业可提供上门服务

提供适合、专业可行方案

周到

提供适合、专业可行方案

5-10分钟售后响应机制<

贴心

5-10分钟售后响应机制

按效果收费,无效果不收费

放心

按效果收费,无效果不收费

行业高标准,效果稳定可靠

稳定

行业高标准,效果稳定可靠

1-3个月排名上百度首页

快速

1-3个月排名上百度首页

武汉易企推建站公司;公司地址:武汉市武昌区静安路6号5.5创意产业园4楼;公司官网:https://www.dayku.cn

服务热线:18120550335 / 027-88866235 欢迎来电咨询; 联系QQ:1193073039

Copyrigh@2017-2030 版权所有:武汉易企推网络科技有限公司 备案号:鄂ICP备17012199号