性能测量与优化网站
这个网站是一个用于性能测量和优化的工具。通过使用window.performance对象，我们可以轻松地获取网站的运行时性能数据。在这个网站中，我们提供了两个核心功能：mark和measure,它们分别用于标记和测量页面加载时间。
性能标记(mark)
mark方法用于在页面加载过程中的关键点创建一个性能标记。这些标记可以在后续的measure方法中与其他事件进行比较，以了解页面加载过程的性能。例如：
window.performance.mark('preload')
window.performance.mark('DOMContentLoaded')
上述代码将在页面开始预加载时创建一个名为”preload”的性能标记，以及在页面DOM内容加载完成时创建一个名为”DOMContentLoaded”的性能标记。
性能测量(measure)
measure方法用于测量从startTime参数指定的时间点到当前时间点的性能差值。例如：
var startTime = window.performance.now();
window.performance.mark('pageLoad');
// ...执行一些操作...
window.performance.mark('endPageLoad');
var loadTime = window.performance.measure('pageLoad', 'endPageLoad', startTime);
上述代码首先记录了当前时间点作为startTime,然后在页面加载过程中使用了两个性能标记(“pageLoad”和”endPageLoad”)。最后，我们使用window.performance.measure方法计算了页面加载所需的时间(以毫秒为单位)。
为了提供更准确的时间基准，这个网站还对window.performance.now()方法进行了优化。它首先检查浏览器是否支持原生的window.performance.now()方法，如果不支持，则使用自定义的方法来计算当前时间。这样可以确保在不同浏览器中都能获得准确的性能数据。
