要监控Google Chrome浏览器的网页性能核心指标，可以使用Chrome DevTools（开发者工具）中的Performance API。以下是一个简单的方案，用于长期趋势监控：
1. 首先，确保你已经安装了Chrome DevTools。如果没有，请访问https://developers.google.com/web/tools/chrome-devtools/javascript/reference/ ↗ 了解如何安装和配置DevTools。
2. 打开一个网页，并使用以下JavaScript代码获取页面加载时间、渲染时间等性能指标：
javascript
// 获取页面加载时间
function getPageLoadTime() {
const startTime = performance.now();
// 在这里执行你的代码，例如加载页面内容
const endTime = performance.now();
const loadTime = endTime - startTime;
console.log('页面加载时间:', loadTime);
}
// 获取页面渲染时间
function getPageRenderTime() {
const startTime = performance.now();
// 在这里执行你的代码，例如渲染页面元素
const endTime = performance.now();
const renderTime = endTime - startTime;
console.log('页面渲染时间:', renderTime);
}
// 每隔一段时间调用一次函数，例如每5秒
setInterval(() => {
getPageLoadTime();
getPageRenderTime();
}, 5000);

3. 将上述代码添加到你的项目中，并在需要监控性能指标的地方调用`getPageLoadTime()`和`getPageRenderTime()`函数。这将在控制台中显示页面加载时间和渲染时间。
4. 为了实现长期趋势监控，你可以将上述代码封装在一个定时器中，例如使用`setTimeout()`函数。这样，你可以在指定的时间间隔内运行这些函数，从而收集所需的性能指标数据。
5. 最后，将收集到的性能指标数据存储在适当的位置，例如数据库或日志文件中。这样，你可以在需要时查看和分析这些数据。