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

[lichun]

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

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

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

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

[ChiangDi]

* 把所有 css 和 js 都压缩一下
* 把里面的 maxcdn 换成七牛的 cdn

[xuboying]

小米 note 晓龙 801 3g 内存版， opera 打开无压力， 5 秒加载完 雨滴密集恐惧

[kingcos]

Mac Safari 能打开，不太卡，就是打开完一会风扇开始转了。。

[xuboying]

MIUI 浏览器速度也差不多，页面 5 秒加载，水滴再等 3 秒，不卡

[aivier]

你的雨滴我还以为是花屏了......左侧栏占得地方比右侧正文还大(1366x768

[searene]

电脑打开还好，不过左边占位太大了啊，右边的滚动条怎么没找到？

[sigone]

大道至简，多搞几次就明白了。

[UnisandK]

帮你压了一下背景图
http://t.cn/RqfpiiD

[RyuZheng]

把大屏和小屏分开两个 css 来加载，手机小屏不加载这些特效，弄一个雨滴的背景图片就行，大屏就正常加载

[lichun]

@UnisandK 3Q 我把背景图换掉了， 少了 200KB >_<

[sagnitude]

你这 canvas 大小是固定的啊。。。

[skydiver]

禁用 js 就好了

[yuankui]

左边的皮卡丘很好看吗？

占大半夜屏幕？？？

[itplanes01]

美版安卓 UC 直接崩溃

[sennes]

PP 鸭 可以压缩图片素材。

[bibizhang]

一片白 哪里花哨了？

[yxzblue]

搜索应该就能解决了

[VmuTargh]

Z3735f 2GiB 内存寨板毫无压力 Vivaldi 大法好
后台还放着ДДТ的无损呢 233

[VmuTargh]

这是图

[fordawn]

来这个 http://shuaizhu.com/