一、基础优化与设置调整
1. 压缩关键资源文件
- 在Chrome地址栏输入`chrome://settings/performance`启用“简化资源加载优先级”功能（优先渲染可见内容）
- 使用扩展商店安装Minify All自动压缩HTML/CSS/JS代码（删除多余空格和注释）
- 通过开发者工具Network面板筛选“Image”类型资源，检查是否启用WebP格式（需服务器支持）
- 在Console面板输入`window.addEventListener('load', () => { console.log('完全加载耗时：', performance.now()) })`记录加载时间
2. 启用缓存与预加载
- 在Chrome设置的“隐私与安全”板块调整“缓存”设置为“按需清除”（保留频繁访问网站的静态资源）
- 使用扩展商店安装Cache Control强制指定资源缓存策略（如设置CSS文件缓存7天）
- 通过开发者工具Application面板查看Cache Storage，手动清理过期或重复的缓存文件（右键删除）
- 在Console面板输入`navigator.storage.estimate().then(data => console.log(`可用空间：${data.quota - data.usage}`))`监控存储容量
3. 优化网络请求策略
- 在扩展程序页面（Ctrl+Shift+E）安装LazyLoad延迟加载非首屏图片（如轮播图下方的内容）
- 使用扩展商店安装Request Blocker拦截广告和第三方追踪脚本（如`facebook.net`域名请求）
- 通过开发者工具Network面板右键点击关键资源，选择“Block Request Domain”模拟禁用低优先级服务
- 在Console面板输入`document.querySelectorAll('link[rel="preload"]')`检查预加载标签是否合理（避免无效资源）