谷歌浏览器（google chrome）提供了丰富的网页性能调试工具，可以帮助开发者和用户优化网站性能。以下是一些常用的谷歌浏览器网页性能调试技巧：
1. 使用开发者工具：
- 打开任意一个网页，右键点击并选择“检查”（chrome 32及更高版本）或“审查元素”（chrome 36及更高版本）。
- 在开发者工具中，你可以查看页面的加载时间、资源使用情况、网络请求等详细信息。
- 使用“资源”面板来分析页面的资源消耗，如图片大小、字体大小、颜色深度等。
- 使用“网络”面板来查看页面的网络请求，了解哪些资源加载最慢，以及可能的缓存问题。
2. 性能视图：
- 在开发者工具中，点击“性能”图标（通常是一个灯泡形状），然后选择“性能视图”。
- 在性能视图中，你可以看到页面的加载时间、渲染时间、交互时间等指标，以及代码执行路径。
- 通过调整页面布局、压缩图片、减少第三方脚本依赖等方式来优化页面性能。
3. 内存分析：
- 在开发者工具中，点击“内存”图标（通常是一个沙漏形状），然后选择“内存分析”。
- 内存分析可以帮助你识别页面中的内存泄漏问题，例如未释放的图像数据、不必要的变量等。
- 通过清理无用对象、优化循环和递归等方法来减少内存占用。
4. css性能：
- 在开发者工具中，点击“css”图标（通常是一个齿轮形状），然后选择“css性能”。
- css性能分析可以帮助你识别css代码中的瓶颈，例如不必要的动画、复杂的选择器等。
- 通过简化css、使用css sprites、优化css样式等方法来提高css性能。
5. javascript性能：
- 在开发者工具中，点击“javascript”图标（通常是一个箭头形状），然后选择“javascript性能”。
- javascript性能分析可以帮助你识别javascript代码中的瓶颈，例如不必要的事件监听、复杂的计算等。
- 通过优化javascript代码、使用高效的算法、减少dom操作等方法来提高javascript性能。
6. gtmetrix：
- 访问gtmetrix官网（https://www.gtmetrix.com/）并注册一个账号。
- 将你的网站提交给gtmetrix进行性能测试。
- gtmetrix会提供一个报告，包括页面加载时间、交互时间、滚动速度等指标。
- 根据报告中的建议来优化你的网站性能。
7. 使用chrome devtools：
- 在谷歌浏览器的扩展程序商店中安装chrome devtools扩展。
- 打开chrome devtools，并使用其中的调试功能来监控和分析网页性能。
- 使用chrome devtools的实时预览功能来查看页面在不同设备和浏览器上的显示效果。
总之，这些技巧可以帮助你更好地理解和优化谷歌浏览器中的网页性能。然而，需要注意的是，网页性能优化是一个持续的过程，需要根据实际需求和反馈不断进行调整和改进。