关键渲染路径优化方案
utilization runPerformanceAudit 命令深度分析：
- 资源级优化：识别未压缩的Banner图片/字体，自动生成WebP转换命令
- 请求链分析：可视化第三方脚本（如支付SDK）的加载阻塞，建议改用async/defer
- CLS预警：标注布局偏移源（如未经尺寸声明的广告位），提供CSS修正方案
- CDN检测：统计静态资源跨地域加载延迟，推荐最优CDN配置
实施步骤：扫描完成后优先处理「机会」项（得分提升空间＞20%）。对于NextJS项目，特别关注next/dynamic组件的加载策略。最终通过扩展的「Screen Record」功能验证优化效果，可保存MP4对比视频。
This answer comes from the articleBrowserTools MCP: MCP service for real-time monitoring of browser activityThe
May not be reproduced without permission:AI productivity tools " 怎样优化电商网站的首屏加载速度？
English 
简体中文 
日本語 
Deutsch 
Português do Brasil