60%流量来自手机，他拆了一个网站做两件事

全球六成网页流量来自移动端，但多数人还在用"响应式"应付。一位开发者干脆把作品集拆成两个域名——主站守桌面，子域名专攻手机。

一次反常规的架构实验

Shaurya 没有改造现有网站。他新建了 portfolio.shaurya.online，这是他的第一个子域名。

主站保持原样，作为信息枢纽。新站点则从零开始，只为手掌大小的屏幕设计。这种"分家"策略让两个版本互不干扰，各自优化。

「我不想只是缩小页面，」他在项目说明中写道，「要让它感觉像是为手掌而生的。」

移动端不是缩小版，是重新设计

三个改造方向构成了这个"移动定制"体验：

首先是交互逻辑。桌面端的悬停效果在手机上毫无意义，取而代之的是滑动、轻触和手势反馈。每个动作都要符合拇指的操作半径。

其次是内容密度。同样的作品集，桌面版可以铺开大图和详细说明，移动版则优先展示核心信息，让用户三秒内判断要不要深入了解。

最后是性能取舍。砍掉不必要的动画和脚本，确保在弱网环境下也能秒开。这对随时可能掏出手机查看的招聘场景至关重要。

技术冒险与域名红利

子域名的架构带来意外收获。Shaurya 可以在 portfolio 子域上实验最新的 CSS 特性和交互布局，即使出错也不会影响主站稳定性。

这种隔离相当于给技术创新买了保险。对频繁迭代的个人项目来说，风险可控比追求完美更重要。

另一个隐性收益是反向链接。主站与子域名之间的互相引用，在搜索引擎眼中构成了清晰的网站结构，可能比单域名混合内容更有利于收录。

为什么这件事值得关注

这个实验戳中了一个被忽视的痛点："响应式"成了偷懒的借口。太多网站用媒体查询简单堆叠，结果移动端体验只是桌面版的残缺版本。

Shaurya 的方案成本不低——维护两个代码库，更新内容要同步两处。但他证明了一件事：当某个用户场景足够重要时，值得为它单独造一个入口。

招聘场景正是这样的场景。一位技术主管在通勤地铁上收到简历链接，三秒内的加载速度和操作流畅度，可能直接决定候选人是否进入下一轮。

个人开发者能自由做这种拆分，企业产品往往受限于历史包袱。但思路可以借鉴：不是问"怎么让现有设计适配手机"，而是问"如果只能用手机，这个服务应该长什么样"。

目前该移动版站点已上线，地址为 portfolio.shaurya.online。作者邀请访客用手机直接打开，体验完整的交互流程。

你会为自己的核心用户场景，单独做一个版本吗？