把首页当作“总入口”,优先保证它能快速呈现首屏和主要导航;把内页当作“承接页”,优先保证被访问最多的那几篇能快速加载正文。时间和人手有限时,先查首页和访问量最高的3到5个内页,再按“影响面×修复成本”排顺序,而不是把所有页面一起改。
首页要查的是首屏出现时间、最大内容绘制和服务器响应时间。内页要查的是正文区域何时可见、图片是否拖慢加载、以及从首页点进去后是否出现明显卡顿。判断依据是:如果首页慢而内页快,问题多在公共资源、服务器或首页自身内容;如果首页快而某些内页慢,问题多在该页的图片、脚本或第三方组件。
可以这样执行:打开浏览器开发者工具的“网络”面板,分别刷新首页和一个代表性内页,记录加载时间最长的三个请求。如果首页的前三个慢请求是公共样式、字体或统计脚本,先处理公共资源;如果内页的慢请求集中在某张大图或某个嵌入模块,先处理该页。结果说明:前者影响全站,后者只影响局部,但局部页若是主要入口,也要优先。
首页的任务是“快速建立可用性”:优先保证导航、标题和主要入口在最短时间内可点、可读。内页的任务是“快速交付内容”:优先保证正文、关键图片和必要操作先出现,评论区、推荐位和次要脚本可以后加载。
分配时用两个维度判断:影响面,即一个改动能改善多少页面;访问集中度,即多少用户会先到达该页。首页影响面最大,但修复成本可能也高;少数内页访问集中度高,修复成本低,适合先做。若首页改动需要多人协作,而某个内页只需压缩一张图,就先做内页,快速拿到可验证的改善。
假设首页加载需要较长时间,点进一篇内页后正文也要等很久。先查公共请求,发现首页和内页都加载同一个较大的脚本文件。此时不要分别改两个页面,而是先处理这个公共脚本:确认它是否必须同步加载,能否延后或拆分。若处理后首页和内页都变快,说明定位正确;若只有内页变快,再单独查首页的轮播图或首屏大图。
如果首页是主要流量入口,且首屏长时间空白,先改首页。如果首页正常,但用户常从搜索或分享链接直接进入某几个内页,且这些内页正文出现很慢,先改这些内页。判断结果不是看哪个页面“感觉更慢”,而是看哪个页面在真实访问路径中先被打开、且慢得足以让用户离开。
下一步:列出首页和访问最多的3个内页,按上面的清单各查一遍,把每个慢请求标记为“公共”或“单页”,然后只处理其中影响面最大、修复成本最低的一项。