网站优化策略
打开一个网页要等8秒,网站53%的优化用户会直接关掉。这不是策略我编的,是网站Google的统计数据。去年我帮一个做烘焙原料的优化小电商看后台,他们首页加载时间是策略11秒——老板一直以为“图片好看就行”,直到发现跳出率高达78%。网站网站优化说到底就一件事:让用户用最短时间、优化最少操作,策略拿到他想要的网站东西。剩下的优化都是围绕这个目标做的加减法。
先说速度。策略很多人一上来就折腾代码压缩、网站CDN,优化但忘了最要命的策略一环:图片。我见过一个摄影作品集网站,单张照片原图12MB,首页放了20张。用户4G网络下打开要半分钟。后来换成WebP格式,尺寸压到200KB以内,加载时间直接掉到3秒。工具方面,TinyPNG或者Squoosh都能用,别舍不得那点画质——用户根本看不出区别,但能看出卡顿。服务器响应时间也别忽略,TTFB超过500ms就该考虑换主机了。我自己的博客从共享主机搬到VPS后,TTFB从1.2秒降到180毫秒,跳出率降了将近两成。
结构比美观重要。用户扫一眼页面,三秒内找不到想要的信息就会走。导航栏别搞什么“创意命名”,什么“探索”“发现”——直接写“产品”“价格”“联系方式”。面包屑导航不是可有可无的东西,特别是内容多的站点。我观察过几个做得好的电商站,产品详情页永远有“首页 > 分类 > 子分类 > 当前产品”的路径,用户随时能往回跳。另外,移动端优先不是口号。去年有个客户坚持桌面端设计完再适配手机,结果手机上按钮小得点不中,表单要横向滚动。后来重做成移动优先,转化率涨了34%。
内容层面,别堆关键词。以前帮一个做装修的老板看网站,首页底部塞了“北京装修公司哪家好”“北京装修报价”等二十多个词,读起来像机器人写的。后来改成一篇真实的案例文章——《朝阳区80平老房改造,花了9万》,里面自然提到材料、工期、踩过的坑。三个月后,那篇文章带来的咨询量比之前所有页面加起来都多。用户要的是具体信息,不是关键词列表。标题也别玩虚的,“专业服务,值得信赖”这种话没人信,不如写“修水管,30分钟上门,明码标价”。
技术细节上,有几个坑我踩过。比如没设置301重定向,换了域名后流量掉了一半;比如忘了加rel="noopener"导致新窗口打开时性能下降;比如表单验证只在前端做,用户关了JS就提交不了。还有,HTTPS现在是标配,不是加分项。Chrome从2018年就开始标记“不安全”了,你还在用HTTP,用户看到地址栏的红色警告直接就跑。别省那点证书钱,Let's Encrypt免费的一年一续,十分钟搞定。
最后说个反常识的:不是所有优化都要做。小站点别折腾HTTP/2、服务端渲染这些,先把图片压好、导航理清、内容写实。我见过一个个人博客,用了各种高级缓存策略,结果文章总共就五篇,每篇200字。优化要跟着业务走——电商盯转化率,内容站盯停留时间,工具站盯完成率。别为了优化而优化,那叫自嗨。
