互联网动静分离架构

柔情只为你懂 2022-05-24 01:46 214阅读 0赞

## [互联网动静分离架构][Link 1] ##

一、静态页面

静态页面，是指互联网架构中，几乎不变的页面(或者变化频率很低)，例如：

*  首页等html页面
 *  js/css等样式文件
 *  jpg/apk等资源文件

![20180518092033312][]

静态页面，有与之匹配的技术架构来加速，例如：

*  CDN
 *  nginx
 *  squid/varnish

二、动态页面

动态页面，是指互联网架构中，不同用户不同场景访问，都不一样的页面，例如：

*  百度搜索结果页
 *  淘宝商品列表页
 *  速运个人订单中心页

这些页面，不同用户，不同场景访问，大都会动态生成不同的页面。

![20180518092041643][]

动态页面，有与之匹配的技术架构，例如：

*  分层架构
 *  服务化架构
 *  数据库，缓存架构

三、互联网动静分离架构

动静分离是指，静态页面与动态页面分开不同系统访问的架构设计方法。

![20180518092049215][]

一般来说：

*  静态页面访问路径短，访问速度快，几毫秒
 *  动态页面访问路径长，访问速度相对较慢(数据库的访问，网络传输，业务逻辑计算)，几十毫秒甚至几百毫秒，对架构扩展性的要求更高
 *  静态页面与动态页面以不同域名区分

四、页面静态化

既然静态页面访问快，动态页面生成慢，有没有可能，将原本需要动态生成的站点提前生成好，使用静态页面加速技术来访问呢？

这就是互联网架构中的“页面静态化”优化技术。

举例，如下图，58同城的帖子详情页，原本是需要动态生成的：

![20180518092057320][]

*  浏览器发起http请求，访问/detail/12348888x.shtml 详情页
 *  web-server层从RESTful接口中，解析出帖子id是12348888
 *  service层通过DAO层拼装SQL语句，访问数据库
 *  最终获取数据，拼装html返回浏览器

而“页面静态化”是指，将帖子ID为12348888的帖子12348888x.shtml提前生成好，由静态页面相关加速技术来加速：

![20180518092104960][]

这样的话，将极大提升访问速度，减少访问时间，提高用户体验。

五、页面静态化的适用场景

页面静态化优化后速度会加快，那能不能所有的场景都使用这个优化呢？哪些业务场景适合使用这个架构优化方案呢？

一切脱离业务的架构设计都是耍流氓，页面静态化，适用于：总数据量不大，生成静态页面数量不多的业务。例如：

*  58速运的城市页只有几百个，就可以用这个优化，只需提前生成几百个城市的“静态化页面”即可
 *  一些二手车业务，只有几万量二手车库存，也可以提前生成这几万量二手车的静态页面
 *  像58同城这样的信息模式业务，有几十亿的帖子量，就不太适合于静态化（碎片文件多，反而访问慢）

六、总结

“页面静态化”是一种将原本需要动态生成的站点提前生成静态站点的优化技术。

总数据量不大，生成静态页面数量不多的业务，非常适合于“页面静态化”优化。

一分钟不长，希望逻辑清晰，希望大伙有收获。

帮转哈。

[Link 1]: http://mp.weixin.qq.com/s?__biz=MjM5ODYxMDA5OQ==&mid=2651960800&idx=1&sn=595842fb2dc75aa505f544b956f2d65c&chksm=bd2d003c8a5a892ab497fbed42f37d852949e7d1ecbd9cc1bd249910be1c70da978c60ecfc0b&mpshare=1&scene=1&srcid=0518KYtRYSPWZFSpVCfo1YO3#rd
[20180518092033312]: /images/20220524/f274c36b849447cfa8aecff2592c2779.png
[20180518092041643]: /images/20220524/a4c1e47ca45f491ebebb145d45bad022.png
[20180518092049215]: /images/20220524/c56c6f0f4cfb46259f5d3c0520726faf.png
[20180518092057320]: /images/20220524/0098b8c63b184a00ac0d292432af914b.png
[20180518092104960]: /images/20220524/1a23e00e64444a7a8696d173eb6d1a41.png