var t = setTimeout(function() { slot.classList.add('is-empty'); }, 3000);
slot.addEventListener('load', function() { clearTimeout(t); });

弱网下广告请求 3 秒没回来,页面先塌下去一块,广告到了又撑开,正文被推得来回跳。先别急着动参数,把报错原文和时间点记下来,顺序反了容易白折腾。

原因不复杂,广告容器没有固定尺寸,加载完成才撑开。代码里也没有超时处理,失败后容器一直悬着。

围绕「广告加载兜底」排查时,命令行跑一遍比在面板里点十次有用,面板会替你做掉不少隐式操作。备份不是备了就行,恢复一次才算数,很多备份文件打开才发现是空的。

接口问题先分清是没发出去、发出去了没收到,还是收到了处理失败。偶发问题先统计频率,一小时几次和一天一次,查法完全不同。

处理上按这个顺序:容器先按广告尺寸占位,用宽高比撑住;设 3 秒超时,超时就收起并显示站内推荐;监听加载失败事件,失败不要重试超过一次;用限速网络走一遍,观察布局是否稳定。

改完只确认一件事:弱网下正文位置不跳动,超时后广告位收成一条细线。

作者 9823189