以下是谷歌浏览器通过开发者工具调试网站性能的方法：
1. 打开开发者工具：在谷歌浏览器中，可通过按“Ctrl+Shift+I”组合键或右键点击页面元素选择“检查”来打开开发者工具。
2. 查看加载时间：“Performance”面板可记录页面加载和性能情况。点击“录制”按钮后刷新页面，生成的性能图表能展示各阶段时间，如DNS查询、TCP连接等，借此分析加载时间长的原因。
3. 分析资源使用：“Network”面板显示页面请求资源的情况。可查看资源状态码，如200表示成功、404表示未找到等，排查资源加载问题。还能按类型筛选资源，查看脚本、样式表等加载时间，对加载慢的资源进行优化，如压缩图片、合并脚本文件等。
4. 检查渲染性能：“Rendering”面板提供页面渲染相关信息。其中“Paint Flashing”可可视化呈现重绘和重排区域，帮助减少不必要的DOM操作以优化渲染性能；“Layers”视图可查看页面分层情况，合理调整图层提升渲染效率。
5. 利用审计功能：“Lighthouse”是强大的审计工具，能对页面性能、可访问性等多方面进行评估并给出评分和建议。在“Performance”面板点击“Generate report”按钮，可根据报告优化页面，如提升首屏渲染速度、优化资源加载顺序等。
6. 监控实时性能：“Performance”面板中的“Monitor”部分可实时查看关键性能指标，如FPS（帧速率）、CPU使用率等，在用户与页面交互时观察性能变化，及时发现性能瓶颈并进行针对性优化。