1. 打开Chrome浏览器，点击右上角的菜单按钮（三个垂直点），然后选择“更多工具”>“开发者工具”。
2. 在开发者工具中，点击左侧的“控制台”选项卡。
3. 在控制台中输入以下代码：
javascript
console.time('测试');
// 在这里添加需要测试的代码
console.timeEnd('测试');
4. 运行这段代码，等待一段时间，观察控制台输出的时间。这个时间就是页面加载所需的时间。
5. 为了更精确地测量页面加载时间，可以使用`Performance.timing` API。首先，确保已经安装了Chrome DevTools。然后，在开发者工具中，点击左侧的“性能”选项卡。
6. 在性能面板中，点击“记录”按钮，开始记录页面加载时间。
7. 在页面加载完成后，再次点击“记录”按钮，停止记录。
8. 在性能面板中，点击“分析”按钮，查看页面加载时间。
9. 为了进一步优化页面性能，可以尝试减少HTTP请求、压缩资源文件、使用缓存等方法。这些操作可以通过修改CSS和JavaScript文件来实现。例如，可以使用link rel="stylesheet" href="styles.css"将CSS文件放在单独的`.css`文件中，而不是直接链接到HTML文件。
10. 最后，关闭开发者工具并刷新页面，检查页面加载时间是否有所改善。
