要记录Google Chrome浏览器中网页的渲染耗时，以便进行前端下载调优分析，可以使用以下方法：
1. 使用`PerformanceTiming` API：
javascript
// 获取页面元素
var element = document.getElementById('your-element-id');
// 设置性能计时器
var startTime = performance.now();
// 在需要的地方添加代码，例如点击按钮或加载资源
element.addEventListener('click', function() {
// 执行耗时操作
var endTime = performance.now();
console.log('渲染耗时: ' + (endTime - startTime) + '毫秒');
});

2. 使用第三方库：
可以使用如`performance-timing`这样的第三方库来简化操作。首先安装库：
bash
npm install performance-timing --save

然后在代码中使用它：
javascript
import PerformanceTiming from 'performance-timing';
// 获取页面元素
var element = document.getElementById('your-element-id');
// 设置性能计时器
const startTime = PerformanceTiming.start(function() {
// 执行耗时操作
});
// 在需要的地方添加代码，例如点击按钮或加载资源
element.addEventListener('click', function() {
// 执行耗时操作
});
// 停止性能计时器并输出结果
PerformanceTiming.stop(startTime);

3. 使用Chrome DevTools：
打开开发者工具（F12），选择“控制台”选项卡，然后输入以下代码：
javascript
console.time('render');
// 执行耗时操作
console.timeEnd('render');

这样，每次执行耗时操作时，都会显示当前时间戳和耗时。