动态页面静态化

　　讲完了SSI，ESI，下面就要讲讲CSI了 ，CSI是浏览器端的动静整合方案，当我文章发表后有朋友就问我，CSI技术是不是就是通过ajax来加载数据啊，我当时的回答只是说你的理解有点片面，那么到底什么是CSI技术了？这个其实要和动静资源整合的角度来定义。 　　CSI 技术其实是在页面进行动静分离后，将页面加载分为两个步骤完成，第一步是加载静态资源，静态资源加载完毕后进行第二步骤加载动态资源。 不过这个定义还是表述的不全面，不全面的地方就是我们要强调动静分离的目的，我们把页面里的动静资源拆分出来是为了将静态资源做有效的缓存，这个静态资源可能是在静态web容器上，也有可能是在CDN上，也有可能是在浏览器上，不管静态资源是如何缓存的，我们的目的都是为了让静态资源加载的速度更快，如果我们没有让静态资源加载变得高效，就算我们使用了CSI的形式来设计页面，其实也没有发挥CSI的优点，反倒还会一不小心引入CSI的缺点。那什么是CSI的缺点呢？具体如下： 　　CSI 的缺点一： CSI不利于页面的SEO即搜索引擎优化。搜索引擎的网络爬虫一般是根据url访问页面，获取页面的内容后去掉没用的信息例如：css样式，js脚本，然后分析剩下的文本内容，因此假如页面的一部分内容需要进行异步加载，那么这个加载控制肯定是由javascript代码来完成的，因此网络爬虫爬下来的页面里异步加载的操作是没法执行的

众所周知，随着网站的访问量增加，如何给用户以良好的访问体验就显得尤为重要。提升网站性能便成为一些网站面临的一大难题，像hao123这样的导航网站要提升网站的性能只要部署的web服务器数量足够就可以承载超大规模的访问量，如果是一个动态的网站呢?例如像凤凰新闻、网易新闻这样的CMS系统，淘宝、京东这样的大型购物网站由于这些网站都使用到了数据库这也就很难做到单纯的通过增加web服务器数量的方式来有效的提升网站的性能，但是这些网站并没有出现或者说极少出现因为访问量过大而造成页面响应缓慢的问题。这其中有什么样的技术手段使得这些大型的动态网站能够有如此高的性能呢?目前提升网站性能的方法通常有HTML静态化、图片服务器分离、数据库集群、负载均衡、代码优化、压缩JS和CSS文件等等。其中HTML静态化的目的其实就是降低HTTP请求个数从而降低数据库的操作从而达到提高网站运行速度，这也是一个最有效的提升网站性能的方法之一。 一个大型的网站，比如门户网站，在提高网站性能时，基本的解决方案都是将HTML静态化、图片服务器分离、数据库集群、负载均衡等几个方案。其中HTML静态化便大大降低了大量的数据库访问请求，在提高用户访问速度方面有很明显的作用，大家都知道，效率最高、消耗最小的就是纯静态化的HTML页面，所以我们尽可能使我们的网站上的页面采用静态页面来实现，这个最简单的方法其实也是最有效的解决方法

PHP文件执行阶段： 语法分析-》编译-》运行 静态html文件执行顺序 ：运行 动态程序： 连接数据库服务器或者缓存服务器-> 获取数据->填充到模板->呈现给用户 关于优化页面响应时间 动态页面静态化 优化数据库 使用负载均衡 使用缓存 1.　　动态页面静态化： 页面中一些内容不经常改动 不适用于内容经常变换的应用：例如：微博等。如果页面中一些内容改动，动态页面静态化是非常有效的加速方法。 　 动态页面静态化好处： 减少服务器脚本的计算时间 降低服务器的响应时间 2.　　动态URL地址设置静态形式（伪静态） 3.　　php静态化： 1.纯静态： a. 局部纯静态 b. 全部纯静态 2. 伪静态 4.Buffer认知（php.ini文件中output_buffering=on开启缓存区，ob_start()也可以开启缓存区） a) Buffer其实就是缓冲区，一个内存地址空间，主要用于数据存储区域。 b)输出流程：内容-》php buffer->tcp->终端 c)获取缓冲区内容：php内容函数 ob_get_contents(); d)ob_start()：开启缓冲区（php5.3默认开启output_buffering=on） 5.php如何实现页面纯静态化 a)基本方式 i.file_put_contents()函数:将一个字符串写入文件 file_put_contents

商城的首页频繁被访问，为了提升访问速度，除了我们之前已经学过的使用缓存技术外，还可以使用页面静态化技术。 页面静态化即将动态渲染生成的页面结果保存成html文件，放到静态文件服务器中。用户访问的时候访问的直接是处理好之后的html静态文件。 对于页面中属于每个用户展示不同数据内容的部分，可以在用户请求完静态化之后的页面后，在页面中向后端发送请求，获取属于用户的特殊的数据。 在广告内容应用contents中，新建crons.py文件（该文件会用于后面讲解的定时任务），在该文件中编写处理页面静态化的逻辑。 from collections import OrderedDict from django.conf import settings from django.template import loader import os import time from goods.models import GoodsChannel from .models import ContentCategory def generate_static_index_html(): """ 生成静态的主页html文件 """ print ( ‘ %s: generate_static_index_html ‘ % time.ctime()) # 商品频道及分类菜单 # 使用有序字典保存类别的顺序 #

在天猫双11活动中，商品详情、店铺等浏览型系统，通常会承受超出日常数倍甚至数十倍的流量冲击。随着历年来双11流量的大幅增加，每年这些浏览型系统都要面临容量评估、硬件扩容、性能优化等各类技术挑战。因此，架构方面的重点在于，如何能够利用合理成本应对瞬间飙高的峰值请求，并确保活动完整周期中系统容量的可伸缩性、用户响应时间的稳定性，以及外部依赖系统出现问题时的高可用性。此外，作为最主要的页面流量承载体系，架构方面还需考虑防爬攻击、流控容灾等安全、稳定的需求，并综合衡量网络带宽、硬件成本、缓存效率等各方面要素，找准平衡点，从而达到以不变应万变的理想效果。 演进 为此，自2011年起，以天猫商品详情系统为代表，天猫浏览型系统在架构上的主要工作之一就是通过静态化技术实现了动静态信息分离、利用缓存技术存放静态化内容、利用少量动态数据异步加载填充。整个过程历经单机静态化、统一缓存接入，到2013年双11前彻底CDN化三个阶段（如图1所示），有效解决了缓存命中率、流量自然分布、系统扩容简化、用户端响应速度等关键问题。 图1 CDN化的三个阶段 目前，天猫浏览型系统最新使用的这套基于CDN的静态化架构，可以满足高可用持续伸缩的原始预期，并包含如下特性。 动静分离：HTML静态化和热点分离。 分布式缓存体系：利用CDN节点分布式缓存。 多级缓存机制：CDN两级+应用一级。 统一服务静态化集群。 一致性维持

1.简介 (1)问题分析 现在， 我们的页面是通过Thymeleaf模板引擎渲染后返回到客户端 。在后台需要大量的数据查询，而后渲染得到HTML页面。会对数据库造成压力，并且请求的响应时间过长，并发能力不高。 大家能想到什么办法来解决这个问题？ 首先我们能想到的就是缓存技术，比如之前学习过的Redis。不过Redis适合数据规模比较小的情况。假如数据量比较大，例如我们的商品详情页。每个页面如果10kb，100万商品，就是10GB空间，对内存占用比较大。此时就给缓存系统带来极大压力，如果缓存崩溃，接下来倒霉的就是数据库了。 所以缓存并不是万能的，某些场景需要其它技术来解决，比如静态化。 (2) 什么是静态化 静态化是指把动态生成的HTML页面变为静态内容保存，以后用户的请求到来，直接访问静态页面，不再经过服务的渲染。 而静态的HTML页面可以部署在nginx中，从而大大提高并发能力，减小tomcat压力。 (3) 如何实现静态化 目前，静态化页面都是通过模板引擎来生成，而后保存到nginx服务器来部署。常用的模板引擎比如： Freemarker Velocity Thymeleaf 我们之前就使用的Thymeleaf，来渲染html返回给用户。Thymeleaf除了可以把渲染结果写入Response，也可以写到本地文件，从而实现静态化。 2. Thymeleaf实现静态化 (1)概念

0x00 1.页面静态化的分类 从形式化上划分 真静态:把一个动态页面（操作了数据库，或者PHP结尾的），生成一个静态页面.html文件 伪静态：从表面上看是一个静态页面，实际操作时动态页面。例如：http://baidu.com/nes.html实际上是访问是：http://baidu.com/nes.php?type=sprot&?id=23 伪静态主要是利用seo防SQL注入 从范围来说： 全部静态： 局部静态：比如用户登录（使用ajkx） 0x01 实现方式 真静态：主要使用ob缓存技术，ob缓存是缓存的响应主题 伪静态：利用web服务器的重写机制（rewrite） 0x02 ob缓存 ob就是output buffering ：输出缓存，在请求php的过程中，我们实际经过三个缓存，程序缓存，ob缓存，浏览器缓存 打开OB缓存 1.配置php.ini文件中output buffring=4096 2.直接程序中ob_start(): 来源： https://www.cnblogs.com/sssbug/p/11368610.html