分享个网站性能优化小技巧：

网站部署在自己的vps+Cloudflare的朋友，可以关闭nextjs的内容压缩，Cloudflare会默认开启解压缩更好的Zstd压缩。

关闭 Next.js 自带的压缩：在next.config.mjs文件里配置compress: false。

如何验证自己网站的压缩算法是哪个：

DevTools里找到网站的css或者js的网络请求，看响应头返回的Content-Encoding。

一个新站，每天居然有600来人直接通过域名访问我网站的，挺好奇这些人是怎么来的，但是似乎也没法统计或者知道这些人为啥会直接输入域名打开网站。

每次git修改提交后，vps上自动build，cpu拉满😂😂，准备改成本地build打成docker镜像，vps直接省略掉build的过程。

熬了一宿，将手机端的性能得分从56整到了90，主要是做了：

1、将整个项目的图片用nextjs的Image组件来优化，hero图加priority、fetchPriority="high"。

所有图片放在Cloudflare的R2上，用脚本一键切16种不同尺寸的断点图，每个Image根据布局样式来计算出对应的sizes，sizes算得挺蛋疼。

比如：sizes="(max-width: 672px) calc(100vw - 32px), (max-width: 1024px) 640px, (max-width: 1280px) calc((100vw - 64px - 80px)*0.4), 454px"。

2、无关js延迟加载。

react这两天又有新的漏洞了，vercel.com 。。大家可以通过官方的 npx fix-react2shell-next 这个命令来修复一下。

①这两天在优化网站的PageSpeed Insights得分，发现挺多大站在手机端的得分也都不行，但不影响人家赚钱。

②ai写代码，如果对代码质量要求高的话，其实问题还是挺多的，比如我在优化Image组件显示图片的时候，让ai（gemini3 pro thinking和claude code 4.5 opus）根据css样式情况来给出具体的size规则，反复错，反复引导多次还是答不对。

这里也来考考大家，看看有没有兄弟能算对的。CSS样式规则如图，算算最终精准的size应该是怎样？

今天收入可能要突破300美金了，最近每天熬夜改代码、优化产品，似乎又找回了以前干活儿的激情，加油，冲！！！

凌晨上的站，gsc出数据了，早上看ga的时候发现用户停留时长比较低，通过Clarity回看了下用户的交互，发现CTA按钮设置错了链接导致用户跳出了，优化后，停留时长明显提升了，Clarity的用户行为录制功能对优化网站确实挺有帮助。

刚看了下已经出的ga数据，发现有个词252的展示，排9.3名，但是0点击，感觉挺奇怪。

凌晨12点半赶着上的站，提交gsc后，1个来小时就在排名里展示了，刚打卡ga，居然来流量了。

不过，比我预期的效果差。看了下词的页面，做这个词的网站开始多了不少，竞争大了。

DR有一定的参考价值，不过DR对新站来说不太准确，毕竟ahrefs的爬虫数据有一定的滞后性。

10个外链域名，有600多外链也正常，因为有的网站可能给的是全站外链，也就是这个网站在每一个页面都给了外链，所以外链页面数量可能是外链域名数量的几十上百倍。

这个网站的外链质量还比较高，基本都是付费买的高价值ai导航站的外链，到目前为止，外链域名数应该不止10个，ahrefs爬虫数据有些滞后。 //@hanzhou: 可能评分不重要是吧，怎么600多垃圾外链？才10个引用域名，好像说引用数量才是最重要的吧