- 在Chrome右上角点击锁定图标→选择“开发者工具”→切换至“Network”面板→检查请求头是否包含`Content-Encoding: gzip`→确认服务器支持压缩（如需优化传输时）。
- 按`Ctrl+U`组合键→查看HTML源码→添加meta name="viewport" content="width=device-width"标签→减少移动端无效渲染（需保持操作频率适中）。
2. 延迟非关键资源加载
- 在HTML底部添加script src="analytics.js" defer代码→异步加载统计脚本（如需提升首屏速度时）。
- 通过命令行添加参数`--disable-extensions`→临时禁用所有插件→排除干扰因素（需重启浏览器生效）。
3. 设置缓存策略
- 在服务器配置`Cache-Control: no-cache`头部→禁止频繁刷新的页面重复下载（如需动态内容优化时）。
- 按`Shift+Refresh`组合键→应用修改并测试→验证缓存是否按预期工作（需保持操作频率适中）。
4. 优化图片加载
- 使用picture标签添加`srcset`属性→根据设备分辨率加载不同尺寸图片（如需适配多端时）。
- 在Chrome右上角点击锁定图标→选择“开发者工具”→切换至“Lighthouse”面板→生成性能报告→查看图片压缩建议（如需系统化优化时）。
5. 减少重定向跳转
- 在Chrome右上角点击锁定图标→选择“开发者工具”→切换至“Network”面板→发现301重定向消耗500ms→直接访问目标URL（如需消除冗余时）。
- 按`Ctrl+R`组合键→手动刷新页面→对比跳过重定向后的加载时间（需保持操作频率适中）。
