网站上线前最怕的不是功能没做完,而是上线后才发现打开慢、点不动、搜不到。优化检查别等上线后再补,上线前把速度、功能、搜索和安全过一遍,能省掉很多半夜救火。
先看速度。用户等不起,Google把LCP超过2.5秒视为需要改进,INP超过200毫秒、CLS超过0.1也一样。上线前用Lighthouse跑移动端和桌面端,移动端分数尽量90以上,但别只盯分数,重点看首屏。图片压到WebP或AVIF,按展示尺寸裁,别拿2000px大图塞进300px卡片;首屏图片别懒加载,下面的再懒加载。CSS和JS该拆的拆,首屏关键样式内联,非关键脚本defer或async。开Brotli或Gzip,静态资源加长缓存,带hash的文件可以设一年缓存,HTML短缓存。有条件的上CDN,把静态资源推到离用户近的节点。字体用font-display: swap,别让文字白屏太久。数据库慢查询上线前跑一遍,该加索引加索引,列表页和详情页做服务端缓存。压测别只看首页,登录、搜索、下单这些重接口按平时峰值2到3倍压,看错误率和响应时间。第三方客服、统计、广告脚本能延迟就延迟,别让它们堵住首屏。Core Web Vitals最终要看真实用户数据,实验室数据只是参考。
功能要真点一遍。移动端占比高,国内手机网民超过99%,别只在电脑上拖窗口。表单提交、验证码、支付回调、登录注册、搜索筛选、购物车、404和500页面,都要在真实手机和主流浏览器上走一遍。弱网也试,3G模拟下首屏能不能出来,按钮别被键盘挡住。支付和短信这类第三方接口,上线前用沙箱跑通,再拿小额真实订单验一次。埋点别漏,GA4或百度统计的页面浏览、点击、转化事件,上线前在调试工具里看到数据再放行。
搜索优化别等收录。每页title和description别重复,canonical写对,301重定向把旧链接指到新链接,别留死链。robots.txt别误屏蔽整站,sitemap提交到搜索后台。结构化数据按页面类型加,文章用Article,商品用Product,别乱标。HTTPS全站上,混合内容清掉,HSTS看情况开。404页面给返回入口,别只写“页面不存在”。
安全上线前要兜底。数据库和代码备份做一份,确认能恢复。后台默认密码改掉,管理路径别用/admin这种。表单做服务端校验,防SQL注入和XSS,文件上传限制类型和大小。敏感信息别写在前端,密钥放环境变量。隐私政策、Cookie提示该有就有。上线后先灰度一小部分流量,监控错误率、接口耗时和核心转化,准备好回滚。把这些过完再上线,比上线后修一周更划算。
