20. 动静分离
说明
毫无疑问,整站静态是性能优化最高级别的方案。直接通过 Nginx 返回静态页面,连 PHP 都不需要启动。我们如果加以配置,甚至能将整个静态页面都放置于 CDN 上,下载速度达到最优,加速效果会更加明显。
动静分离使用的是全静态页面来返回给用户,动态部分交由页面 JS 来处理,用 JS 判断 Cookie 是否存在,存在时,发起 Ajax 请求 API 获取登录信息,还有页面的动态的信息,再进行渲染。
动静分离在大型网站上有非常广泛的应用,接下来我们看几个例子。
例子一、知乎
zhihu.com 作为国内最大的知识问答网站,月 PV 将近 3.2 亿(2019 年 9 月份数据)。
知乎网站在应对如此大流量时,使用的就是动静分离的方案。
为了方便演示,我们安装下 Quick Javascript Switcher Chrome 插件。此插件允许我们快速禁止页面上执行任何 JS 。
插件安装完成后,只需点击一下图标,...