大家帮忙看看我做的页面是不是有点卡，感觉效果加的有点多了...

@qxmqh 换成谷歌浏览器看看，有的浏览器不支持

肉眼可见的卡爆，对于轻薄本集成显卡完全是核打击

@jimmyC #28 惨不忍睹，页面酷炫的前提是性能啊，基本盘都丢了

M1 Max 表示还行，就是 GPU 使用率从 0%升到了 65%而已。

看了楼主的页面，我才明白为啥苹果官网各种花里胡哨的效果都使用的是背景视频了。不是不能做，而是用户还没换电脑就被卡的关页面了。

我建议你直接做成烤鸡软件得了。

我很老的机器都不卡，为啥呢？ E5-2660, 750Ti.

@JoeJoeJoe #21 这个 bug 我点了一下，是任何两个标签在往复点击时，会出现绿色标识不切换的问题

@nestao 谢谢你，我试出来了

20 帧左右的样子，卡死倒是不至于，i5 12 代核显

我看过比你这个炫酷有设计感得多的，都没你这个卡

都快 5 年的笔记本了打开以后 cpu 0% gpu 0%，风扇一点反应都没有，看来 x86+英伟达还是强啊

滑动有点不流畅

你这个 GPU 直接 100%

看了一下源码，目测卡顿的原因是这里 https://github.com/Lily-404/about/blob/main/src/components/ui/Prism.tsx#L92-L207

这个 shader 里用到了 raymarching ，会消耗极大的 GPU （可以去 shadertoy 里搜素 raymarching ，里面的很多例子都会导致网页卡），解决办法就是优化一下 shader ，或者更直接点，换一个简单点的

打开你这个网站，我的最新 17pro 都差点烧坏了

博客的风格好看，复制一个，https://oofo.cc

电脑炸了，得赔我

我现在打开不卡，不知道是否优化你。硬件 m1 max ，软件 chrome 最新版。

加载没问题，Chrome 浏览器打开 CPU 占用率 14%，内存倒是不高。
iMac M3

一个破首页，把我的 mac 干的风扇呼呼响