后端程序员自己写的花哨前端页面，又慢又卡怎么办？

[lichun]

（以下链接慎点，多图预警，小屏移动端的布局错乱会看哭，加载渲染时间 20s+）

加载的资源数量比较多，特别是还有一个 Canvas 的雨滴特效，容易出现页面无响应的情况

Github Pages 搭建的个人主页： lichun.me

还弄了七牛镜像站点加速的： blog.lichun.me (好像也没有快多少...)

[ty0716]

你这用了什么？把我手机都卡了

[lichun]

@ty0716 我用了这个 https://github.com/maroslaw/rainyday.js ， 在页面上画雨滴特效。挺耗资源，在手机上会特别特别卡，电脑上浏览器有时都会无响应 >_<

[ByZHkc3]

为了所谓的炫酷效果而牺牲性能，牺牲用户体验，也是醉了

[Andy1999]

iPhone6 已成功卡死

[DennyDai]

我这显示的时间基本都花在下载各种图片了。。。 GitHub 不能设置的话就自己压缩一下什么的吧。。。 至于雨滴渲染比较卡那没主意了

[hardware]

hr 不想招愤青的

[seki]

还有一个问题，你这个雨滴效果也不够好看啊……

[lichun]

@hardware 我不大明白你这条回复的意思？

[TakanashiAzusa]

重点这 雨滴效果也不好看。。 canvas 当背景我见过最合适的还是某个跟随鼠标的类星系图，不过忘记名字了， 36 氪的登录页有

[jinsongzhao]

没觉得卡呀？只是加载需要好几秒。

[leejanfin]

20s 的等待只换来了一个皮卡丘，于是我关掉了网页。

[lichun]

@seki 是的，有些时候渲染出来的雨滴还有锯齿。。。

[yrdr]

弄成这样有什么卵用,我 i5+8G+百兆都打不开,普通人电脑很多配置比我还差好不,建议放弃这些华而不实的东西吧,要不就自己重写,优化各个组件,这样才能体现你牛逼,否则就是负分了

[eirk2004]

散热风扇起飞了~~~ 4 核心 CPU 占用率超过 40%

[lichun]

@jinsongzhao 电脑配置不错。。。

[slixurd]

avatar 只显示 100*100px ，但是居然是原图 1100*1100px
可以 Lazyload 的数据也在一开始就加载了.....

[dtysky]

安卓 chrome 还好。。。 lz 至少做个响应式设计吧

[twor2]

目的？

[weizhiyao008]

把各个图片体积先压缩一下

[jinsongzhao]

hoho ，原来是要停留一段时间，估计是资源释放或调用类的 bug 。