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