TP5.0的“请求缓存”,把页面缓存为静态HTML文件,提升加载速度

TP5.0的"请求缓存"不仅仅是告诉浏览器缓存页面,它其实做了两件事 :

它既在服务器本地缓存了页面数据 ,
又指挥浏览器进行缓存。

我们可以把它理解为一个"双重缓存"机制。

为了让你更好地理解,我们来看一个实际例子。假设你有一个博客文章详情页 http://tp5.com/blog/1。

1、第一次访问(缓存建立):

用户请求到达服务器,TP5发现没有这个请求的缓存。

框架正常执行PHP代码,从数据库查询ID为1的文章。

TP5将生成的最终HTML页面保存到服务器的本地缓存中(比如runtime/cache/目录下),同时在HTTP响应头中设置了缓存指令(如Cache-Control和Last-Modified),告诉浏览器:"这个页面你可以缓存起来,有效期是10分钟。"

最终,浏览器收到完整的页面(状态码200),并将其缓存到本地。

2、10分钟内第二次访问(缓存生效):

浏览器带着本地缓存的标识(If-Modified-Since头)再次请求同一个地址。

TP5的请求缓存机制首先被触发。它会检查:

服务器本地缓存:发现已经存有blog/1这个页面的完整内容。

浏览器缓存:通过分析请求头,发现浏览器自己也有这个页面的缓存,并且还没有过期(10分钟内)。

于是,TP5什么PHP代码都不执行,直接向浏览器返回一个304 Not Modified状态码。这个状态码就像在告诉浏览器:"你本地存的页面还是最新的,直接用吧!"

浏览器收到304后,立刻从自己的本地缓存里加载页面。整个过程几乎没有网络传输,速度极快。

新的浏览器请求的时候,服务器就直接返回静态HTML文件了,速度也很快

tp5.0 配置缓存 admin 模块下的 admin/login/index 这个页面

application ->route.php 在这个application 文件夹下的route.php的配置文件里,添加如下代码

分组的方式

php 复制代码
Route::group('admin', function() {
    //登陆页缓存 3600 秒  60*60*100 =360000  100小时=4.1天
    Route::get('login/index', 'admin/login/index',['cache' => 0]); //  ,['cache' => 360000]     0 表示永久缓存
});

或者直接不分组

php 复制代码
Route::get('webpc/login/index', 'webpc/login/index',['cache' => 0]); //  ,['cache' => 360000]    0 表示永久缓存

'cache' =\> 0 是永久缓存

'cache' =\> 3600 是缓存3600秒

免费在线工具网站 https://mantools.top

相关推荐
2601_9583529023 分钟前
23.5×19mm 换掉一整条音频链?|A-68 集成了什么:ADC / DAC / 24.576MHz 时钟 / AEC / 波束降噪,主控仅需 6 根线
前端·音视频·ai降噪·回声消除·语音模块
志尊宝1 小时前
AI原生前端开发(039):AI辅助的Nuxt 4全栈开发
前端·vue.js·ai-native
FRing032 小时前
JavaScript入门到精通三十二(深拷贝、浅拷贝、递归函数)
开发语言·前端·javascript
excel2 小时前
双 Token 与前端使用 Crypto 公私钥鉴权换 Token,哪种方案更好?
前端·后端
外收内放2 小时前
Python基础语法练习题(73)
java·前端·python
风骏时光牛马3 小时前
面向复杂场景的大模型应用落地与能力优化实践
前端
小小善后师3 小时前
我做了个病历归档小程序,被 AI 识别的"最后一公里"狠狠上了一课
前端
H_Lisa3 小时前
我用 Express 写了个 MCP,Claude 直接调用我的 API 了
前端
IT_陈寒3 小时前
React的useEffect依赖数组把我坑惨了
前端·人工智能·后端
兰亭妙微UI设计公司4 小时前
兰亭妙微ui设计公司分享:B端组件命名如何支持团队协作
前端·javascript·vue.js