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