大佬们,小弟开发了前后端项目,后端 springboot,前端 react,前端托管到 nginx,r全程跑起来没有问题,就是前端页面的访问速度特别慢,尤其是y首页,随便都要等十几秒,ai 都给我问傻了,一堆排查没弄好,请大佬们指点迷津
部署在国内的服务器,没有上 cf,只用 ip
端口访问,没有加域名没有上 https
你服务器是哪一家的?你上 CF(Cloudflare)在国内没用呀,CF 对国内的环境又不能加速,你要买国内的 CDN 呀。
而且国内的 CDN 你也需要备案呀,你没有备案也买不了国内的 CDN。
这大概率是三网 BGP 没有吧?你买的服务器它应该是对某一个运营商比较友好的,但不是三网的
你测测你服务器 egress 速度,不要光测 ingress
F12看看是什么拖慢了页面渲染速度。
问ai 让他给你的nginx设置缓存 如果静态资源多 除了第一次比较慢 后面会飞快
问ai一般都会给你优化项目并进行拆解的,最后编译出来的文件还可以开gzip压缩之类的。
服务器是实体机,拉了公网 IP,我本地网络也是电信,宽带也是电信的,其实就是首页加载特别久,登录了之后其他页面就正常
就是访问首页的 js 文件,就一个 js 文件加载了十来秒钟
是的,我都疯狂拷打 gpt 了,还没搞定它
这个咋测,我第一次听到这个内容,
TTFB高:查源站、回源链路和服务器。- 下载阶段高且无
Content-Encoding:开启 gzip/Brotli。 - 已压缩但传输体积仍大:拆包和减少 JS。
- 公网慢、本机快:查 CDN、网络和地域。
- 下载完成后仍慢:用 Performance 面板查 JS 主线程执行。
codex 接管浏览器查一下网络请求一顿分析就知道了啊!!
js多大啊, 没开gzip/br时多大
如果未压缩超过1mb/压缩超 300k,
就要考虑异步加载了,先把页面加载出来,再加载逻辑
一般只要不超过 1mb 基本是没有感觉的,如果是服务器的水管小就把 js 单独上 cdn
先跑灯塔测试,看看是不是代码层面的问题,要不就是网络了
建议考虑异步加载,然后把nginx的压缩启用一下。
另外就是去f12控制台看看是哪些文件用时最多,有多大。把这个给到AI去处理一下
压缩了都有1mb 都不理解了 就只有登录表单 几张轮播图一个背景图
1mb太大了,让AI给你做拆分
PS1:做组件按需引入+编译
PS2: 图片为什么会在JS?不应该是单独一个静态加载地址吗?
盲猜服务器网络带宽的问题,看看是不是小于5m。现在前端页面基本没有放到服务器的了,都是放到oss 或者cos,然后再挂个域名。
不小,上才行对等100Mbps的,还是专线的,我看看oss这些内容