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

[lichun]

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

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

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

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

[qgy18]

@lichun 嗯，我在用 13 寸的 rMBP ，实际宽度只有 1280px ，所以右边特别小。

我们这个姓氏相对小众，能遇上同姓同行也是不容易。

[SoloCompany]

这样的用户体验绝对是负分啊，设计的再花俏也是负分啊，不说 HR 了，技术点开肯定直接就关了

[LokiSharp]

太丑了！

[lichun]

@LokiSharp 真是抱歉，碍着你的眼了，谢谢提出这么有实质性的意见！

[mentalidade]

https://luolei.org/ 这个好，作者的 github 也在

[jayyjh]

好慢好慢 =。= 跟我网速慢也有关系。。。

[moooookey]

除了加载慢，资源占用过大，其他我觉得还是挺好的，雨滴的效果挺漂亮的。
我不完全赞同所谓的实用派，极简派；想象力还是要有的，总要有一些人去尝试折腾一下新东西，世界才能变得丰富多彩呀哈哈哈
GUI 界面刚鼓捣出来的时候，老派的人也是批判它华而不实的……

[steven13579]

console 已经告诉你了啊
> Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.

[camillo]

非技术路人表示不能为美观服务的技术（指网页视觉效果相关的）不如没有……
还不如字体、排版合理的纯文字+超链接式博客呢……

[neoblackcap]

2015 13 inch rmbp,广州电信 50M ，打开花费时间 5.12s

[Imgur]( ?1)

天下武功唯快不破

[zi]

@neoblackcap 广东移动，打开跟他一样，没有左边背景图

[580a388da131]

慢还好说，又慢又不好看就不对了。。。

[oojiayu]

感觉可以啊，我这里 5 秒钟就打开了，当然是开了 SS 的。特效做得不错~

[oojiayu]

@fordawn 大神，请接受我的膜拜~ 绚死了~ 简直不能更爱~

[jezal]

试试这个，可能有效：
1 、用 JPEGmini 把左侧的图片压缩下；
2 、把 rainyday.js 放在 </body> 前面。

[wubotao]

只能看到一个皮卡丘。。

[shui14]

@TakanashiAzusa 那个很容易的 好多 canvas 教程都有

[USNaWen]

皮卡丘。。。建议雨滴换个 gif 多好。

[hitmanx]

这是用 cpu 去渲染的？你试试用 webgl 让 gpu 去渲染，不知道行不行

[kingwang]

@VmuTargh 字体怎么渲染的，很好看的样子。