Chrome浏览器网页元素调试与优化插件操作方法如下：
1. 安装插件：首先，你需要在Chrome浏览器中安装一个名为“开发者工具”的插件。可以通过以下步骤进行安装：
- 打开Chrome浏览器；
- 点击右上角的三个点图标，选择“更多工具”；
- 在弹出的菜单中选择“扩展程序”，然后搜索并安装“开发者工具”。
2. 启用开发者工具：安装完插件后，需要启用开发者工具。点击浏览器右上角的三个点图标，选择“设置”，然后在左侧菜单中选择“开发者工具”。
3. 使用开发者工具：在开发者工具中，你可以找到各种调试和优化工具。以下是一些常用的操作方法：
- 断点：点击“断点”按钮，可以在代码执行到该行时暂停执行。
- 控制台：点击“控制台”按钮，可以查看当前页面的源代码、变量值等信息。
- 网络：点击“网络”按钮，可以查看当前页面的网络请求和响应信息。
- 性能：点击“性能”按钮，可以查看当前页面的性能指标，如加载时间、渲染时间等。
- 资源：点击“资源”按钮，可以查看当前页面的资源占用情况，如内存、CPU等。
- 监视：点击“监视”按钮，可以开启或关闭各种监视选项，如JavaScript错误、CSS错误等。
4. 优化网页：通过开发者工具，你可以对网页进行优化。例如，减少HTTP请求、压缩图片、优化CSS样式等。具体操作方法可以参考Chrome浏览器官方文档。