打开一个企业官网，网站等了6秒，页面优化首页大图还没加载出来。网站我直接关了。页面优化后来问朋友，网站他说那家公司其实产品不错，页面优化但网站“卡得让人没脾气”。网站这种事每天都在发生。页面优化页面优化不是网站锦上添花，是页面优化生死线——用户不会给你第二次机会。

先说加载速度。网站很多人第一反应是页面优化“服务器不行，换台贵的网站”。我见过一个电商站，页面优化服务器配置拉满，网站首页依然要4秒以上。问题出在图片：一张2MB的横幅图，直接上传，没压缩，没转WebP。换成压缩后的WebP格式，体积降到180KB，加载时间掉到1.2秒。就这么简单。工具方面，TinyPNG或者Squoosh都行，别偷懒。另外，CSS和JS文件该合并的合并，该延迟加载的加loading="lazy"。浏览器渲染顺序很诚实，你塞一堆阻塞脚本在里，它就只能干等。

结构布局是第二道坎。我经常看到导航栏里塞了二十几个链接，下拉菜单套三层。用户找“联系我们”得把鼠标悬停三次。这不是优化，是迷宫。好的做法是：一级导航不超过7项，重要入口直接放在首屏可见区域。有个做SaaS的客户，把“免费试用”按钮从右下角挪到顶部导航右侧，点击率涨了34%。位置变了，逻辑没变——用户视线习惯是从左上到右下，但行动按钮要放在决策路径的终点，而不是角落。

移动端适配别再用“响应式”当挡箭牌。我拿自己手机测过十几个网站，其中一半在iPhone SE上按钮重叠、文字溢出。响应式不是加个<meta name="viewport">就完事。字体用相对单位（rem），点击区域至少44×44像素，表格在小屏上要么横向滚动，要么改成卡片式。有个细节：输入框的font-size如果小于16px，iOS会自动放大页面，用户得手动缩回去。烦不烦？

内容可读性被严重低估。白底黑字最安全，但有人偏爱浅灰背景配深灰文字，对比度低到像在猜谜。WCAG标准建议对比度至少4.5:1。拿工具测一下，别靠肉眼。行高1.5到1.8之间比较舒服，段落宽度控制在60-75个字符。我见过一个博客，每行文字横跨整个27寸显示器，读三行就串行了。限制max-width: 70ch，立刻不一样。

最后说个反直觉的：别把所有优化都堆在首页。很多站长的首页精雕细琢，内页却粗制滥造。用户从搜索进来直接落地到产品详情页，那里加载慢、排版乱，照样跑掉。用Lighthouse跑一遍全站，按优先级修。先修流量最大的那20%页面，效果立竿见影。

优化没有终点。每次改完，拿真实设备、真实网络测一遍。4G和Wi-Fi差别很大，别只在办公室光纤下自我感觉良好。用户的手指很诚实，不好用就划走了。

(责任编辑：百科)