关键渲染路径优化方案
fazer uso de runPerformanceAudit 命令深度分析：
- 资源级优化：识别未压缩的Banner图片/字体，自动生成WebP转换命令
- 请求链分析：可视化第三方脚本（如支付SDK）的加载阻塞，建议改用async/defer
- CLS预警：标注布局偏移源（如未经尺寸声明的广告位），提供CSS修正方案
- CDN检测：统计静态资源跨地域加载延迟，推荐最优CDN配置
实施步骤：扫描完成后优先处理「机会」项（得分提升空间＞20%）。对于NextJS项目，特别关注next/dynamic组件的加载策略。最终通过扩展的「Screen Record」功能验证优化效果，可保存MP4对比视频。
Essa resposta foi extraída do artigoBrowserTools MCP: serviço MCP para monitoramento em tempo real da atividade do navegadorO
Não pode ser reproduzido sem permissão:Ferramentas de produtividade de IA " 怎样优化电商网站的首屏加载速度？
Português do Brasil 
简体中文 
English 
日本語 
Deutsch