我今天花了一些时间来优化我使用Chrome DevTools的CPU分析器制作的jQuery插件,并设法使插件的初始化代码的CPU时间减少39.45%。在这个例子中,它是一个简单的插件,从13.41ms下降到8.12ms。
这是通过一些简单的更改来实现的,以最大限度地减少昂贵的jQuery API调用的使用,我找到了更便宜的替代品,例如使用$(htmlOptionItem).prop('selected')
代替$(htmlOptionItem).is(':selected')
。
在进行我的更改时,我注意到插件的未压缩文件大小略有增加 - 它从3.9kB变为4.5kB,虽然仍然非常小,让我想知道应该在哪里画线< strong>性能优化与资源下载开销。
请注意,虽然我的示例是指一个简单的jQuery插件,但我的查询确实是一个更广泛的javascript,而不是特定于jQuery。
我不是性能专家,但我认识到javascript是单线程的,因此编写高性能代码对于防止阻塞非常重要。
这样一个微小的CPU时间节省是否适合随之而来的文件大小增加,以及如何确定它是否存在?