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