做了十年网站，说说网站开发的三个阶段到底变在哪
帮朋友看公司旧网站，手机打开还是一张电脑版缩略图，文字小得几乎要拿放大镜。他说2012年做的，当时觉得“有个网站就行”。我问他更新过内容吗，他说负责的那同事离职后，再没人会改。其实我特别理解，因为早些年我们做的网站，差不多就是这副模样。
零几年那会儿，网页就是用Dreamweaver画表格，切片导出，一个页面一个html。给企业做的产品展示页，想加一个新产品，设计师得先改效果图，前端把图切成块，再拼进代码里，错一个像素都难看。有次客户周末让紧急换联系方式，我蹲在出租屋里改完代码，用FTP传上去，刷新半天才看到，生怕覆盖错了文件。
这种静态站，用户能做的只是看，就像看公告栏。搜索引擎收录也是个大问题，为了能让百度抓到内容，我们给每个页面堆关键词，甚至用过白色文字藏关键词的笨办法。后来百度算法一调整，客户网站直接被降权，我们连夜清代码。这算是当时为“可见性”不得不做的妥协——明知不符合规范，却受制于那时的搜索生态。
静态页面另一个头疼的地方，是链接管理。一个几十页的企业站，如果改了某个导航名，就得把所有页面打开改一遍。我还见过同行手滑，把联系我们页的链接改成图片地址，结果全站底部都加载了一张4M大图，客户问为什么网站这么卡。那个阶段，网站开发就有点像一个纯手工作坊，稍不留神就出错。
但静态站点也不是一无是处。那种极简的架构，有时反而安全，因为没有数据库可攻击。我有个开画廊的朋友，他那纯静态站运行了十年，除了偶尔换文字，几乎没崩过。只是想让网站变点花样，太难了。
大概是2006年前后，我开始接触PHP和MySQL，那感觉就像推开一扇新门。原来可以让用户在网站上注册登录，留言评论。领先次用WordPress搭博客，发现后台写一篇文章，前台就自动更新好了，激动得半夜给朋友打电话。后来给一个服装批发商做订货平台，他能自己在后台传产品、改价格，不必每次打电话叫我们收费更新。
那段时期，网站开发的玩法彻底变了。我们开始用AJAX做无刷新加载，用jQuery写各种滑出效果，客户觉得高级。但很快遇到现实问题：企业客户很多还在用IE6，圆角、透明png都没法正常显示，前端就得写一堆滤镜，或者专门切图垫衬。我清晰记得有次为了一个渐变按钮，来回调试两晚上，最后老板拍板说“算了，就用纯色吧”。这是那个年代典型的妥协——追赶体验，却被浏览器拖后腿。
动态网站让交流和交易都在网上发生。某次帮一个论坛迁移，发现数据库里十几万条帖子，承载着用户多年的争吵与互助。那时网站像个热闹的茶馆，版主相当于店小二。但随之而来的是安全问题：SQL注入、跨站脚本，稍不留神就被挂黑链。我们给每个输入框加过滤，天天看日志，生怕被脱库。网站开发的复杂度，这时候已经不是一个人能全包了，前端后端测试分工，流程一多，沟通成本就上去。
还有一点，动态交互让网站开始“记仇”：你反复看一件商品，它就不断给你推类似的，有时甚至越过边界。有一回客户投诉，说网站怎么老推荐他前女友喜欢的品牌，原来是因为他查过一次礼物。智能推荐的另一面，是隐私的磨蚀。做网站时，我们得在个性化与用户敏感度之间踩平衡，经常会为了合规砍掉一些数据采集点。
移动互联网彻底改变了网页的形态。给一个连锁餐饮做扫码点餐系统时，老板要求“像APP一样顺，但不能让用户下载”。我们用Vue框架做成PWA，配合本地缓存，哪怕信号差也能打开菜单。网页现在能调用摄像头、推送通知，根本不像传统网页了。不过，这种丰富的体验是拿开发成本换的。
现在的网站开发，更像搭积木：用组件化思想拼页面，通过API调各种服务——地图、支付、AI聊天。上次做智能客服，我们接了个大模型接口，用户问“我的订单到哪了”，机器人直接拉物流信息。看似简单，其实要处理很多意外，比如第三方支付突然维护，或者API升级导致数据格式变化，必须做多重降级方案。这是新阶段的妥协，网站越聪明，依赖的外部服务越多，风险也越分散。
响应式设计解决了多终端问题，但也带来图片加载困难。曾有个案例，同一张产品图在手机上缩小到看不清，在4K屏上又被拉扯得稀碎，我们不得不用srcset加多倍图方案，最后服务器流量费涨了不少。表面光鲜的智能体验，底下全是细节上的权衡。
如今做网站，技术选型多得让人焦虑。一个项目启动，客户端先问“能不能用AI推荐商品，能不能AR试妆”。我们得评估这些创意是否适合网页端，安不安全，会不会拖累首屏速度。很多时候，最终方案都是砍掉三分之一的“未来功能”，先把核心体验打磨好。这也是我总劝朋友的地方：了解网站开发的这三个阶段，不是为了追逐每个新词，而是明白你的业务到底需要网站做什么，再决定用哪种套路。
扫一扫关注微信公众帐号
