分享记录:我怎么搭了一个最“绿色”的官网?
我一直琢磨一件事,现在但凡是个游戏,弄个官网比登天还难。打开网页,不是先让你看个十几秒的动态宣传片,就是弹出来一个登录框,等你找到那个下载按钮,都得绕弯三四次。我就寻思,这官网是给用户看的,还是给程序猿炫技的?
我决定自己搞一个。 就是今天这个《唯奈的甜蜜全肯定》的网站。我的目标很简单:用户点进来,立刻看到下载俩字,点下去,立马开始下,不废话。这就是所谓的“绿色下载”,不是说软件绿色,是下载过程要绿色,干净利索。
第一步:规划,就是要糙
我一开始就给自己定了规矩,不能用那些烂大街的框架,什么ReactVue,统统不要。那玩意儿,还没开始加载内容,光是加载框架就得跑半天。我直接就用最原始的HTML和CSS,找了一个超级轻量的模板。我找了半天,才从我几年前存的“古董”文件夹里扒出来一个只有10K不到的静态模板。我立马就把这东西扒了出来,然后直接丢到我那个租金便宜得要命的虚拟主机上。
整个首页,我设计思路就是极简。一个大大的游戏封面图,几句简单的介绍,然后就是核心:一个硕大的、红色的下载按钮。我甚至都没去买什么花哨的域名,就用了一个以前闲置的二级域名,图的就是一个快,能用就行。
第二步:解决下载的“弯弯绕”
现在很多下载链接,你点下去,它会先跳转到一个第三方页面,让你验证是不是机器人,或者让你关注公众号。我最恨这个。我当时就想着,这个网站必须杜绝这种流氓做法。
我具体是这样干的:
- 我把游戏安装包准备好,大小不到一百兆。我把这玩意儿直接上传到了我的云存储空间,确保它有一个直链。
- 我测试了直链的稳定性。 我试了几次,确保点击这个直链,浏览器会立刻识别这是一个文件下载请求,而不是一个跳转页面。
- 我修改了下载按钮的代码。 我把那个红色的按钮,直接指向了这个云存储直链。没有任何中间页,没有JS拦截,甚至连下载前的弹窗都没加。用户点下去的那一瞬间,浏览器就已经开始下载了。
第三步:清理和加速
搭建起来之后,我立马开始检查有没有多余的东西。那模板虽然轻,但还是带了一些谷歌字体和统计脚本。我当时就想,国内用户访问,加载这些东西只会拖慢速度,徒增烦恼。
我当时的操作非常粗暴,可以说是大刀阔斧:
- 我删掉了所有外部加载的字体链接,全部改成系统默认的黑体。难看点没关系,快是王道。
- 我清空了所有可能追踪用户行为的统计代码和分析脚本。一个不留。
- 我压缩了那张游戏封面图。保证它在清晰度的基础上,文件体积压缩到最小,能快速加载。
忙活完这一套,我用手机和电脑分别测试了一下。结果很满意。从我点击浏览器地址栏的“回车”键,到页面完全显示出来,不超过一秒。再点下载按钮,立马就开始下。没有花里胡哨的特效,没有让人烦躁的等待,就是一个纯粹的下载页面。
现在很多公司搞官网,就是要把页面弄得像一团麻,各种技术堆砌,生怕别人不知道他们用了多少新技术。但说白了,用户来官网,90%是为了下载。我就是想通过这个小小的记录,告诉大家,一个好的官网,它不是要复杂,它只需要解决用户的实际问题。我这个“唯奈的甜蜜全肯定”官网,虽然糙,但它绝对是真诚的。这种实践记录,我以后还得继续分享,让大家都看看,有时候,越简单粗暴,效果反而越