起因是有人说网站很卡,但是我在自己设备测试没有问题,真的不想删掉太多效果,有点难平衡了
1
potatowish 2025 年 9 月 10 日 via iPhone
ai 做的吧…… 链接点不开,渐变色加圆角,花里胡哨的
|
2
gscsnm 2025 年 9 月 10 日
mbp 上 chrome 开你页面,gpu 100%
|
3
jimmyC OP @potatowish 链接可以点开吧,确实有点花了,在考虑精简了
|
5
Pipecraft 2025 年 9 月 10 日
确实很卡,滚动条往下滚不动 😳
|
6
Pipecraft 2025 年 9 月 10 日
|
7
renmu 2025 年 9 月 11 日 via Android
肉眼可见的卡和掉帧
|
8
evan1 PRO |
9
RealYourDad 2025 年 9 月 11 日
很卡
|
10
noahhhh 2025 年 9 月 11 日 via Android
手机浏览卡爆了,我把底栏删了好一点,不知道你这用的是啥,网页没必要上实时模糊
|
11
zhucelws 2025 年 9 月 11 日
很奇怪,我这里怎么一点也不卡,非常流畅,设备是 macbook air M2
|
12
leic4u 2025 年 9 月 11 日
打开前:一个博客而已
打开后:( 2060 被拉到 100%,风扇声瞬间起飞)你搁这帮我烤机呢? |
13
supuwoerc 2025 年 9 月 11 日
滚动掉帧明显,m1 的 mbp
|
14
jackOff 2025 年 9 月 11 日
很卡
|
15
inyfee 2025 年 9 月 11 日
卡,好卡。 打回重做
|
16
Dragonish3600 2025 年 9 月 11 日
何止是卡。。。简直是谋杀浏览器
|
17
villivateur 2025 年 9 月 11 日
Windows + Firefox + 2060 移动版显卡,滚动很流畅不卡,但是风扇呼呼呼的
|
18
devinww 2025 年 9 月 11 日
卡。
|
19
dandeli0n 2025 年 9 月 11 日
不卡,但是 gpu 上 70%-80%
|
20
b821025551b 2025 年 9 月 11 日
我的 3080 占用 20%,可以加大力度
|
21
JoeJoeJoe PRO |
22
InDom 2025 年 9 月 11 日 不卡啊, 不要听他们乱说, 网上发声的都是少数人的声音被放大了. 没问题的是不会说话的, 我觉得做的挺好的, 上面这些说卡的估计是看你做了这么好眼红了, 现在谁不是人手一个 5090, 打开个网页都卡还玩个锤子 3A 大作. 所以, 请加大力度, 以后我买显卡测试性能就靠你了.
|
23
crocoBaby 2025 年 9 月 11 日
卡成 ppt
|
24
6j1A6v70lEv5n2U2 2025 年 9 月 11 日
前端不是堆特效……
|
25
g17 2025 年 9 月 11 日
我只能说想要做出这效果是不需要这么高的性能的
|
26
ramcasky 2025 年 9 月 11 日
花里胡哨 吃 GPU 吃满了~
|
27
youyouzi 2025 年 9 月 11 日
把你那该死的 canvas 删了吧:
position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; z-index: -1; |
30
zepc007 2025 年 9 月 11 日
iOS26 效果让你玩明白了
|
31
g17 2025 年 9 月 11 日 可以优化的点:
1. canvas 2. requestAnimationFrame 的计算 3. 几个 infinity 的 animate 包括 bounce 、pulse 、shine |
32
gmfan 2025 年 9 月 11 日
卡成 ppt 了
|
33
nightcatsama 2025 年 9 月 11 日
卡得一
|
34
FynnRelx 2025 年 9 月 11 日
reactbits 里的背景动画大多都很吃性能。
|
35
lswlray 2025 年 9 月 11 日
GPU 使用率从 3%上升到 35%左右
温度从 55 上升到 65 左右 |
36
bigtear 2025 年 9 月 11 日
很卡,你用了啥,这个效果不用 GPU 都能做出来吧
|
37
jimmyC OP @bigtearreactbits 组件库,这个液态玻璃,加上背景动画,还有自己搞的卡片毛玻璃,拉满啦!!!!
|
38
jimmyC OP @bigtear 这个:reactbits 组件库,这个液态玻璃,加上背景动画,还有自己搞的卡片毛玻璃,拉满啦!!!!考虑转成 GPU 性能测试网站了🤣
|
39
nekoneko 2025 年 9 月 11 日
windows 系统 , 没感觉卡, 但是响应稍微有些慢
CPU 14700KF 没动静, GPU 4070S 没动静 |
40
qxmqh 2025 年 9 月 11 日
你顶部的哪个菜单颜色 灰色的 叠加你背景色之后 直接看不清楚。
|
42
ZColin 2025 年 9 月 11 日
肉眼可见的卡爆,对于轻薄本集成显卡完全是核打击
|
44
coolcoffee 2025 年 9 月 11 日
M1 Max 表示还行,就是 GPU 使用率从 0%升到了 65%而已。
看了楼主的页面,我才明白为啥苹果官网各种花里胡哨的效果都使用的是背景视频了。不是不能做,而是用户还没换电脑就被卡的关页面了。 |
45
ODESZA 2025 年 9 月 11 日
我建议你直接做成烤鸡软件得了。
|
46
kokerkov 2025 年 9 月 11 日
我很老的机器都不卡,为啥呢? E5-2660, 750Ti.
|
49
surbomfla 2025 年 9 月 11 日
20 帧左右的样子,卡死倒是不至于,i5 12 代核显
|
50
KillPaul 2025 年 9 月 11 日
我看过比你这个炫酷有设计感得多的,都没你这个卡
|
51
asdjgfr 2025 年 9 月 11 日
都快 5 年的笔记本了打开以后 cpu 0% gpu 0%,风扇一点反应都没有,看来 x86+英伟达还是强啊
|
52
yifeia 2025 年 9 月 11 日
滑动有点不流畅
|
53
saltedFish666 2025 年 9 月 11 日
你这个 GPU 直接 100%
|
54
sadyx 2025 年 9 月 11 日
看了一下源码,目测卡顿的原因是这里 https://github.com/Lily-404/about/blob/main/src/components/ui/Prism.tsx#L92-L207
这个 shader 里用到了 raymarching ,会消耗极大的 GPU (可以去 shadertoy 里搜素 raymarching ,里面的很多例子都会导致网页卡),解决办法就是优化一下 shader ,或者更直接点,换一个简单点的 |
55
helloeather 2025 年 9 月 11 日 via iPhone
打开你这个网站,我的最新 17pro 都差点烧坏了
|
56
SirYuxuan 2025 年 9 月 11 日 博客的风格好看,复制一个,https://oofo.cc
|
57
dosmlp 2025 年 9 月 11 日
电脑炸了,得赔我
|
58
lscexpress 2025 年 9 月 11 日
我现在打开不卡,不知道是否优化你。硬件 m1 max ,软件 chrome 最新版。
|
59
Chicagoake 2025 年 9 月 11 日
加载没问题,Chrome 浏览器打开 CPU 占用率 14%,内存倒是不高。
iMac M3 |
60
www12222 2025 年 9 月 11 日
一个破首页,把我的 mac 干的风扇呼呼响
|
61
freeup 2025 年 9 月 11 日
m1 gpu 100%
|
62
lianxiben 2025 年 9 月 11 日
这是真的卡。。。。
|
63
GotKiCry 2025 年 9 月 11 日
我这没显卡的电脑滑动页面都是延迟的
|
64
DT27 2025 年 9 月 11 日
电脑风扇嗷嗷的转。。。
但是比网页上挂 live2d 那个二次元玩偶强,那个会导致我浏览器卡死。 你这个只是 cpu+10%,gpu+30%。会卡,但是不会卡死。 |
65
evan9527 2025 年 9 月 11 日
背景删掉就好了
|
66
roding 2025 年 9 月 11 日
公司老电脑,原地爆炸
|
67
MZRME 2025 年 9 月 11 日
有点太卡了 特别是高刷新率的情况下 好明显的割裂感 而且 cpu 直接+30%
|
68
cue 2025 年 9 月 11 日
打开了你的这个页面…… 然后点开了你的文章 《产品,简约》
emmmmm |
69
piku 2025 年 9 月 11 日 via Android
已经改过了吗?现在的页面看起来很漂亮,也不卡( Windows+chrome
|