大家好,我是饭米粒
最近在做一个出海小应用,
项目不复杂,页面也不多,跑在 Vercel 上。
整体感觉一直是:
能用,也有人访问,没出什么大问题。
那天没什么事,我随手点开了一个平时几乎不看的页面。
Speed Insights。
先说一句,Speed Insights 是干嘛的
简单说,它就是用来干一件事的:
从“真实用户”的角度,看你的网站到底快不快。
不是你自己感觉快不快,
而是:
用户点开你的网站,
要等多久才能看到内容、开始操作。
我其实没看懂,但分数有点刺眼
Speed Insights
Speed Insights
说实话,这个页面我以前基本不看。
原因也很简单,看不太懂。
但这次我注意到一件事:
分数不高,
而且是红的。
我当时也说不上来哪里不对,
就是直觉觉得:
这个状态,好像不太正常。
所以我没研究,直接截图问了 AI
我没有去查每个指标是什么意思。
也没打算系统学习。
我只是把截图丢给 AI,让它帮我看一下。
它给我的结论,其实很直白
ps:结论太长了我就不粘贴在这里了
它说了不少东西,
但我真正记住的只有一个点:
网站不是“卡”,
是首屏出来得太慢。
换成更简单的话就是:
用户点进来之后,
前面那几秒,
页面基本是空的。
这一下我大概明白问题在哪了
我这个项目本身几乎都是静态页面,
按理说不该慢成这样。
但首页有个地方比较特殊:
接了 Google 登录,会先判断一次登录态。
这个过程用户是感觉不到的,
但速度会被拖一下。
问题大概就出在这。
但我没打算自己慢慢排查
我没去一行行翻代码。
我直接打开 Cursor,对它说了一句话:
帮我看一下这个项目,
哪些地方可能影响了首屏加载速度。
cursor
后面的过程没什么好展开的
Cursor 自己扫了一遍项目,
标出了一些可能有问题的地方,
顺手给了修改方案。
我基本没怎么犹豫,
直接接受修改,然后我需要做的就是坐在那里等,完了部署以下。
过了两天,我又看了一眼 Speed Insights
这次我还是没细看指标。
只确认了两件事:
分数上来了
红色少了
打开网站的时候,
体感上确实顺了一些。
image
image
这件事对我来说最大的价值
不是我学会了什么性能优化,
也不是我搞懂了那些指标。
而是确认了一件事:
很多时候,你不需要完全看懂,
只需要知道——
现在这个状态,好像不太对。
剩下的,
可以交给工具去处理。
如果你也在做网站或者应用,
有空可以去 Speed Insights 看一眼。
看不懂没关系,
截图问一下 AI 就行。
至少你会知道:
现在是快,还是慢。
声明:来自程序员小饭,仅代表创作者观点。链接:http://eyangzhen.com/5197.html