我跟你们讲，做公司主页这事儿，我可真是交了不少学费。第一次接这活儿的时候，那是好几年前了，当时我刚出来单干，觉得手里有点技术，那必须得炫耀一下。

一个大客户找我，让我给他们搞个“最牛逼”的主页。我当时一听，心想这不就是我的舞台吗？我立马就开干了，没想别的，直接奔着“酷炫”去了。我砸进去了三天时间，写了一堆复杂的动效脚本，又找了几个高清得要命的大图，心想这回绝对能拿下。结果？客户一看，脸就绿了。

他们张嘴就问我：“老张，这玩意儿怎么这么慢？手机上根本就打不开！”

当时我的脸，火辣辣的疼。客户的运营总监直接给我来了一句：“我们是卖货的，不是卖动画片的。” 那一刻我才醒过来，我犯了新手最常犯的毛病——只顾自己爽，忘了用户和目标。

这事儿直接差点让我丢了快一万块的尾款。为了保住这笔钱，我连熬了两个通宵，把所有花里胡哨的东西全部砍掉重练。在这个从头到尾的挨骂与重做的过程中，我才摸索出新手做公司主页必须避开的五个大坑。你们要是刚开始做，这几点一定要刻在脑子里。

第一次挨批的教训：目标和速度是命根子

我当时犯的第一个大错，就是不知道这个主页到底要干嘛我就瞎设计，结果主页内容东一榔头西一棒槌，看得人一头雾水。

• 技巧一：目标要明确，内容要少而精。 我后来重做时就要求，主页打开三秒内，用户必须知道公司是做什么的，能给他带来什么。把最想让客户看的，直接甩在首页最上面。其他不重要的，统统给我藏起来或扔到二级页面。
• 技巧二：手机速度比什么都重要。 第一次的失败就是输在手机上。现在的人谁还整天坐在电脑前看你主页？我后来规定了，主页加载时间必须控制在三秒内。所有图片统统给我压缩，动画特效能不用就不用。你要是想搞得像艺术品，那你的生意可能就没了。

第二次调整：选对工具，别自己造轮子

第一次被骂了，我赶紧去琢磨怎么把速度搞上去。我原来的代码是自己手搓的，为了炫技写了一大堆没用的东西。调试起来一团麻。

• 技巧三：能用模板就用，能用成熟工具就用。 我果断放弃了自己折腾代码的想法，转头去学着使用一些成熟的建站工具或者模板。虽然少了点“个性化”，但胜在稳定、速度快，而且后期维护起来不至于抓瞎。别信那些说什么“自己写的代码才安全”的话，除非你有专门的团队来维护，否则现成的成熟方案比你安全一万倍。我当时就赶紧套了一套简洁大气的通用模板，省了至少三天时间。

的冲刺：测试和后路

内容和平台搞定后，我以为可以交差了，结果又差点翻车。我发现换了模板后，在我的“高端”显示器上看挺在客户那种老旧的屏幕上，排版全乱了。

• 技巧四：多设备多浏览器测试是必须的。 主页做完后，你至少要找三台以上，不同尺寸、不同系统的手机和电脑去试着打开和操作一遍。别只在自己的设备上跑。我吃了这个亏之后，现在每次做完，都要拉上公司里所有人的手机，让他们给我试一遍，有问题立刻改。
• 技巧五：备份和更新一定要有规划。 第一次的失败，我还学到一个教训，就是没给客户留后路。一旦程序出问题，我得花半天时间去抢救。后来我直接在合同里写清楚，要定期给客户做全站备份，并且设定一个明确的更新周期。主页不是盖完就完事的，它得跟着公司一起“活着”，内容要隔一段时间就翻新一次，不然很快就没人看了。

这五个技巧，都是我真金白银砸出来的经验。当时为了把主页速度提上去，我每天盯日志盯到眼花，那段时间头发都掉了不少。所以说，做公司主页，别想着一步登天，先老老实实地把基本功打好，把用户能顺利打开、快速看懂这两件最简单的事给我做扎实了，才不会像我第一次那样，差点把饭碗都给砸了。