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

[lichun]

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

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

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

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

[lichun]

@fordawn 我的电脑打开 3FPS 。。。

[zts1993]

嘿嘿 I7 4th Desktop 表示不卡

[int64ago]

你的 CDN 也太慢了，换个国内镜像吧
另外楼上也说了，图片压缩下

[gouflv]

看的是内容, 不是特效

[canch]

提醒下，简介里 python developer 少了个字母

[momou]

Chrome 49.0.2623.110 m (64-bit)
左边栏背景图根本不显示，所以字也看到不。。。

[Khlieb]

Core i5-3317U 表示不卡

[zwh8800]

rmbp 15 表示风扇狂吹
另外左边太占地方了吧，看文章脖子扭得慌

[penjianfeng]

没事儿弄那么多杀马特特效做什么-_-||

[maomaomao001]

安卓 UC 成功崩溃重启

[jamesarch]

同 pythoner

[TVBG]

楼主已经改过了？我测试感觉还不错啊，不过七牛的显示有问题，还有就是在小屏幕上体验不佳。

[lichun]

@TVBG 是的，按楼上几位说的改了一些问题！ 七牛那个镜像同步估计要一些时间。

[zhuangzhuang1988]

ChromeDev 有 profile 功能..

[Abirdcfly]

我是不是偏题了...感觉左边这个太宽了吧...

[xuhaoyangx]

不好看，左边太喧宾夺主了。而且左边没有如果我拉动了窗口变了窗口大小，那个什么特效没有跟着一起变。

[lichun]

@Abirdcfly 我自己也会觉得，原先写的时候两边用的同一个边框样式，设置 width: 50%; 这样就满屏了 >_<

[bp0]

左右分屏的方案比较适合大屏幕，用手机和笔记本直接看到一大半的图片，实际的内容看到的太少了。

还不如做成常规的上下分屏。

[qgy18]

左边太宽了，完全没法看内容。

你还不如老老实实弄成我这样的： https://imququ.com/

另外，发现跟楼主同姓。

[lichun]

@qgy18 在大屏幕效果会好很多，小屏幕就显得很突兀了。

自己对前端还不是很熟悉，这个页面是自己学习过程中慢慢做的

这个姓氏的是不是都有被叫蛐蛐的外号 >_<