访客截图来问，说打开你的网页提示内存不足，手机上更是直接闪退。先别急着改代码，这类提示多数不是网站本身的问题，而是访客端的运行环境。网页内存不足怎么办，按下面几个原因逐个排除，通常几分钟就能定位，比闷头重构高效得多。
标签页开太多，内存被摊薄
现代浏览器给每个标签页分配独立的渲染进程，一个普通页面占几十兆，视频、地图、在线文档这类页面能到几百兆。访客一口气开二三十个标签，加起来就把设备内存吃光了，这时候打开任何新页面都可能报内存不足。判断方法很简单：让访客关掉不用的标签页，只留你这一页重新打开，如果提示消失、页面正常，那问题不在你的站上，跟访客解释清理标签页即可。
浏览器插件在后台常驻吃内存
第二个高频原因是浏览器插件。广告拦截、网页翻译、密码管理、截图录屏、比价助手这些插件会常驻后台，有的还会往你打开的每个页面注入脚本，内存占用叠加起来相当可观。让访客用无痕模式打开你的网页试一次——无痕窗口默认不加载插件，如果无痕下一切正常，基本就能锁定是插件引起的。接下来让访客在扩展管理页逐个禁用，每禁一个刷新一次，通常试到第三四个就能找出元凶。
页面本身太重：大图、长列表、无限滚动
如果访客换了浏览器、关了插件、清了标签页还是报错，那就要回头看看自己的页面。常见的三个重量级因素：首屏一次性加载几十张未压缩的大图，一张两三兆，几十张就是几十兆的内存；列表页一次渲染几千条数据，DOM 节点数量惊人；下拉加载采用了无限滚动，滚过的内容不回收，越滚越大。这几类都能让内存快速上涨。缓解办法是压缩图片并给首屏之外的图片加懒加载、列表改成分页、长列表改虚拟滚动只渲染可视区域。
设备内存小，或者系统虚拟内存没开
还有一类原因在访客的设备本身。老旧手机、低配笔记本的物理内存本来就小，随便一个内容稍多的页面就可能触顶。Windows 上如果把虚拟内存手动关掉了，可用内存的弹性直接归零，多开几个页面就会提示内存不足，让访客把虚拟内存改回系统自动管理即可。最后一种可能相对麻烦：页面存在内存泄漏，短时间访问看不出问题，页面挂着几小时后才慢慢涨上来。如果访客反馈的都是长时间挂着页面才出现，那就该回去查定时器和事件监听有没有清理干净。
排查这类问题的顺序，就是从最简单的环境因素往页面代码上走：先清标签页、再关插件、再看页面重量、最后查设备和泄漏。按这个顺序走，九成的问题不用改一行代码就能定位。
相关阅读：
A5创业网 版权所有
