今天折腾校园游戏官网优化的事特有意思，得跟你们唠唠。这网站原本烂得呀，加载个页面能把人急死，手机上点按钮还经常按不准，我跟几个学弟搞测试的时候差点把手机摔了。
先拿自己手机测了个底朝天
昨天专门蹲学校食堂，拿我那台破安卓机开4G刷官网。加载首页整整6秒，游戏介绍图还在转圈圈，旁边吃麻辣烫的学妹都探头过来问："学长你这手机坏了？" 臊得我赶紧截了几张加载图当证据，回去就把服务器日志给扒了。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
- 发现首页塞了三十多张宣传图没压缩
- 有个毕业纪念视频直接放1080P源文件
- 报名按钮用flash做的 手机根本点不到
拿剃刀砍资源
今早撸起袖子开干。把官网所有图片全丢进在线压缩网站，背景图从2MB硬生生压到200KB。又把十几张游戏截屏拼成一张大图，省得浏览器加载时跟抽风似的反复请求。最狠的是把那个毕业视频转成720P还砍了长度——反正新生谁关心五年前的毕业生感言！
效果立竿见影：中午再去食堂测速，加载时间直接降到2秒内。隔壁桌打王者的男生还问我是不是换新手机了。
把按键全改成胖手指模式
下午重点折腾报名系统。原来那个"立即参赛"按钮比米粒还小，手指粗点根本按不着。我直接在CSS里把按钮尺寸从80x25px改成160x60px，间距拉到10px宽。顺手加了个按压变色效果——按下去变橙色，松开变蓝色，用户就知道自己点中了。
手机屏幕适配搞到半夜
没想到最麻烦的是华为折叠屏。晚上十点多发现报名表在MateX上直接裂成两半，文字都跑到折叠缝里去了。气得我泡了两包咖啡，在Chrome调试工具里开着"设备工具栏"来回拖拽，硬是把从iPhoneSE到iPadPro的尺寸全调了一遍。现在不管竖屏横屏，内容都能撑满不跑偏。
加了沙雕进度条
临睡觉前突然想到，有些学生网差的时候看空白页容易狂点刷新。随手写了个加载动画——不是那种转圈圈的，是游戏里血条样式的进度条！红色血条从0%慢慢涨到100%，下边还配文字："正在暴打加载延迟..."结果今早运维跟我说监控到凌晨三点还有学生在刷官网，就为了看血条动画。
搞完这波早上八点被学生会电话吵醒，说校长觉得官网太花哨。结果打开后台一看数据乐了：手机访问量翻倍，报名提交率涨了40%。得，回头给领导端奶茶的时候多加点珍珠堵他嘴！
