必须将静态资源剥离php托管至cdn并配置长期缓存,否则每次请求均经php解析导致响应延迟超40ms、qps跌破1200;需统一替换模板中所有资源url为cdn域名,配置nginx直接响应静态文件(location规则前置),启用哈希文件名并同步刷新cdn缓存。

要让PHP框架项目中的CSS、JS、图片等静态资源加载更快,必须把它们从PHP后端剥离,托管到CDN并设置浏览器长期缓存,否则每次请求都走PHP解析流程,响应时间多出40ms以上,QPS直接掉到1200以下。
将静态资源路径统一指向CDN域名
在PHP框架的模板或资产辅助函数中,把所有静态资源URL前缀替换为CDN地址。例如Laravel用asset()、ThinkPHP用__ROOT__或url(),都要重写配置使其输出https://cdn.example.com/开头的链接。
这一步操作起来很简单,直接把文件拖进去就行。但【必须确保所有模板、组件、内联style/script里的引用全部走该函数,硬编码http://或/开头的路径会绕过CDN】。
修改完后清空框架视图缓存和OPcache,否则旧URL仍会出现在渲染结果里。
配置Web服务器跳过PHP处理静态文件
让Nginx或Apache直接响应静态请求,不经过PHP-FPM。这是提速的前提,否则CDN再快也白搭——源站还在用PHP读文件。
以Nginx为例,在server块中添加如下location规则:
location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff2|ttf|eot)$ {
expires 1y;
add_header Cache-Control "public, immutable";
try_files $uri =404;
}
【注意:该规则必须放在php location之前,否则会被PHP接管】。如果用了rewrite或front controller模式(如Laravel的index.php路由),这条规则更要前置,否则所有请求都会落到index.php里。
启用文件内容哈希命名并刷新CDN缓存
第一步:生成带哈希的文件名。使用构建工具(如Webpack/Vite)或框架内置命令,让app.css变成app.a1b2c3.css,app.js变成app.d4e5f6.js。
第二步:更新HTML中引用路径。构建过程自动重写link/script标签的href/src属性,指向新文件名。
第三步:触发CDN缓存刷新。调用CDN厂商API或控制台手动清除旧路径(如/cdn/css/app.css),或配置CDN自动跟随源站文件变更——但后者依赖源站HTTP头中的ETag或Last-Modified是否准确。
这三步缺一不可。只改文件名不刷新CDN,用户可能拿到404;只刷新CDN不改文件名,旧缓存仍生效,新代码无法生效。
验证浏览器是否命中强缓存
打开Chrome开发者工具→Network标签页,刷新页面,点击任意JS/CSS文件。
查看Response Headers里是否有Cache-Control: public, max-age=31536000, immutable,且Size列显示“from memory cache”或“from disk cache”。
若显示“from network”,说明缓存未生效——常见原因是PHP脚本仍在输出这些文件(比如用了readfile()),或Nginx location规则未匹配到扩展名。
php免费学习视频:立即使用
踏上前端学习之旅,开启通往精通之路!从前端基础到项目实战,循序渐进,一步一个脚印,迈向巅峰!











