首先使用Chrome任务管理器查看各标签页内存占用，Shift+Esc调出界面后按内存排序，结束高消耗进程；再通过F12开发者工具的Performance面板录制操作，分析内存与渲染性能；接着在Memory面板拍摄堆快照，对比操作前后对象增长判断泄漏；最后访问chrome://system展开mem_usage，获取系统级内存概况以交叉验证资源使用情况。
如果您想了解当前打开的网页对系统资源的具体影响，可以通过谷歌浏览器内置的工具来监控每个标签页的内存占用情况。这有助于识别导致浏览器变慢或卡顿的高消耗页面。
本文运行环境：Dell XPS 13，Windows 11。
一、使用Chrome任务管理器查看内存占用
Chrome任务管理器能够实时显示每个标签页、扩展程序和后台进程所使用的内存、CPU及网络资源，是定位高消耗项目的直接方式。
1、在Chrome浏览器中同时按下 Shift + Esc 键，调出内置的任务管理器。
2、在任务管理器窗口中，点击“内存”列标题，使进程按内存占用从高到低排序。
3、查找占用内存异常高的标签页或扩展程序，记录其名称以便进一步处理。
4、如需释放资源，可选中目标进程后点击“结束进程”按钮，立即终止该任务。
二、通过性能面板进行详细分析
开发者工具中的性能（Performance）面板提供更深入的网页运行时行为分析，包括内存使用曲线、JS堆栈变化和渲染性能。
1、在需要监控的网页上右键选择“检查”，或按下 F12 打开开发者工具。
2、切换到顶部的“Performance”（性能）标签页。
3、点击左上角的圆点录制按钮开始记录，然后正常操作网页数秒至一分钟。
4、停止录制后，界面将展示时间轴上的内存分配、脚本执行和渲染活动，重点关注内存陡增区域。
三、启用内存面板直接监测JS堆内存
内存（Memory）面板专门用于捕获JavaScript堆快照，帮助判断是否存在内存泄漏或对象过度驻留问题。
1、打开开发者工具，切换至“Memory”面板。
2、选择“Heap snapshot”模式，点击“Take snapshot”进行首次快照捕获。
3、在网页上执行典型用户操作（如切换页面、加载内容），然后再次拍摄快照。
4、对比多个快照中的对象数量与内存大小，若某些对象持续增长不释放，则可能存在内存泄漏。
四、利用Chrome://system页面获取整体资源状态
chrome://system 页面提供了浏览器各组件的底层运行信息，可用于查看整体内存分布概况。
1、在地址栏输入 chrome://system 并回车访问系统信息页。
2、等待页面加载完成后，点击“mem_usage”项右侧的“Expand”展开内存使用详情。
3、查看“total_memory”、“free_memory”以及各进程的大致内存占用数值。
4、此数据为系统级概览，适合结合任务管理器进行交叉验证。
