比较两个函数的性能,一个直观且公平的方法是分别计算两个函数的执行时间。好的性能更容易有好的用户体验,好的用户体验才能更好的留住用户。研究表明,88%的在线消费者在因性能问题对用户体验不满意后不太可能返回网站。这也是为什么要提高性能的一个重要原因。尤其是用JS开发的时候,你写的每一行JS都会阻塞DOM,因为它是单线程语言。在本次分享中,我们主要介绍如何计算函数的性能。Performance.nowPerformance是一个离不开前端性能监控的API。最好在页面完全加载后使用,因为很多值只有在页面完全加载后才能获取。最简单的方法就是在window.onload事件中读取各种数据。performance.now()方法返回一个精确到毫秒的DOMHighResTimeStamp。根据MDN:这个时间戳实际上不是高精度的。为了减少像Spectre这样的安全威胁,各种浏览器都对这个类型的值进行了不同程度的取整。(从Firefox59开始,Firefox舍入到2毫秒精度。)一些浏览器也可能稍微随机化这个值。该值的精度可能会在未来的版本中再次提高;浏览器开发人员仍在研究这些定时攻击以及如何更好地缓解它们。因为,要计算一个函数的执行时间,只要比较函数执行前后performance.now()的值即可,如下:constt0=performance.now();for(leti=0;i
