以下是一个示例的Chrome浏览器记录网页渲染耗时以进行前端性能调优分析表：
| 页面元素 | 渲染耗时（毫秒） | 渲染次数 | 平均渲染耗时（毫秒） |
| -------- | -------------- | -------- | ---------------- |
| 图片 | 100 | 1 | 100 |
| 文本框 | 50 | 1 | 50 |
| 按钮 | 30 | 1 | 30 |
| CSS样式 | 20 | 1 | 20 |
| JavaScript代码 | 15 | 1 | 15 |
| HTML标签 | 10 | 1 | 10 |
| DOM操作 | 20 | 1 | 20 |
| 网络请求 | 15 | 1 | 15 |
| 其他 | 15 | 1 | 15 |
这个表格列出了每个元素的渲染耗时、渲染次数和平均渲染耗时。通过比较这些数据，可以找出哪些元素需要优化，例如减少渲染次数或优化CSS样式以提高渲染效率。