草庐IT

性能调优

全部标签

javascript - 如何衡量客户端计算机上 JavaScript 繁重网页的性能?

如何衡量我的jQuery(或JS)繁重网页是否拖拽/影响客户端计算机(和触摸设备)的CPU性能?我不是在询问加载时间/等,因为它们取决于JS文件的数量。我问的是客户端资源消耗和相关的稳定性问题(如果有的话)。具体来说:我在wordpress模板中嵌入了一个jQuery旋转函数来永久动画图像,以及几个其他基于jquery的动画对象。 最佳答案 您可以使用GoogleChrome等网络浏览器附带的webkit分析器(配置文件、审核选项卡)。页面速度和速度跟踪器等扩展也非常棒。您可以了解整个浏览器进程,例如它在UI线程中花费了多少时间、执

javascript - javascript库的性能开销

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。有谁知道是否有研究显示使用javascript库(除了下载时间明显)与仅使用基本javascript相比的性能开销?现在的图书馆太大了,我很好奇。从我的计算机科学学位来看,它似乎应该有增长n。(换句话说是线性的)。在计算机科学术语中,这并不具有威胁性,但它实际上如何影响页面加载时间和页面性能(以毫秒为单位)?我知道CPU是一个问题,RAM等等。但是是否有

javascript - jquery html() vs empty().append() 性能

我在http://jsperf.com/jquery-html-vs-empty-append-test创建了一个测试用例比较$.html()和$.empty().append()的性能。我想知道.empty().append()更快。​​谁能解释这种性能差距?谢谢。 最佳答案 在你的代码中,$.empty().append()运行得更快,因为你的选择器是错误的,您应该使用var$test=$("#test");而不是var$test=$("test");进行比较。参见DEMOHere.

按处理器类型划分的 Javascript 性能

我想知道是否有人知道可以根据处理器类型为我提供相对JavaScript性能的工具或数据库。我正试图向我的老板证明我们需要提高某些网页的性能。这些页面在我们办公室周围的所有高端硬件上运行良好,但我怀疑我们的用户群有更多的性能问题被忽略了。我的目标是展示如下内容:i7@3.8ghz-completesjavascriptbenchmarkXin1minutesi5@2.2ghz-completesjavascriptbenchmarkXin2minutesi3@1.6ghz-completesjavascriptbenchmarkXin4minutes我自己没有运行这些测试的硬件,但有了一

javascript - Controller 性能比较中的自定义过滤器与过滤器功能

假设我有一个包含5000个对象(带有bool值)的数组,我必须在模板中ng-repeat:$scope.arr=[{"value":true},{"value":false},{"value":false}//andsoon]现在,我想根据我在别处设置的动态变量(例如“show_filter”)过滤此ng-repeated数组。如果“show_filter”设置为“all”,我想显示所有对象。如果它设置为false(bool值),那么我想显示“value”键设置为false的对象。当“show_filter”设置为true时也是如此。所以,有两种方法:1。构建自定义过滤器:我会像这样为

c# - 如何确保异地 javascript 不会影响网站性能?

我需要在我的页面上包含一个离线javascript文件,但是我不希望它影响我网站的性能,以防javascript所在的服务器出现故障或没有响应。我想知道的是,是否可以使用javascript制作某种包装函数,以确保托管异地javascript的页面在可接受的时间范围内响应。我考虑过将“延迟”属性添加到我包含javascript的位置,但据我所知,在页面的其余部分加载后,这仍然会使网站挂起。如果在javascript中做不到,有什么好的替代方法吗?我的网站是用C#asp.net制作的。 最佳答案 如果非现场JavaScript是自包含

javascript - 如何清除 chrome 性能条目或绕过它们的数量限制?

我使用GoogleChrome分析了一些使用Javascript动态加载脚本和其他资源的网页的性能。我使用了performance.getEntries()方法,但我注意到Chrome只记录了前150个资源。我找不到任何方法来获取更多条目或删除旧条目。我看到性能对象有clearMeasures或clearMarks之类的方法,但我没有使用它们来删除条目。所以我的问题是:是否有可能获得超过150个表演条目?如果可能-如何?是否可以清除条目(例如,读取某个条目的数据后,将其删除)?如果可能-如何? 最佳答案 你可以试试performan

javascript - let 与 var 性能

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭6年前。Improvethisquestion我一直在阅读有关ES6Let关键字与现有var关键字的文章。我有几个问题。我知道“作用域”是let和var之间的唯一区别,但这对全局意味着什么?functionallyIlliterate(){//tuceis*not*visibleoutherefor(lettuce=0;tuce现在我的问题:let是否比var具有任何内存(/性能)优势?除了浏览器支持,我应该使用letovervar的原因是什么?在我

javascript - 为什么 Array.prototype.fill() 与 `for` 循环相比有如此大的性能差异?

在对Array.prototype.fill()方法进行一些测试(macOS上的Chrome)时,它显然比简单地创建您自己的慢了将近两倍(如果不是更慢的话)for循环并填充您的数组。显然在做类似的事情:for(vari=0;i对比Array.fill(0);Array.fill()方法将花费约210-250毫秒来填充大小为10000000的数组,而for循环将花费约70-90毫秒。似乎Array.fill()方法可以重写为简单地使用直接循环,因为您始终知道初始索引和目标索引。letarrayTest=newArray(10000000),startTime,endTime;startT

javascript - 使用函数式 Javascript 与 "procedural"的性能影响

有没有人做过基准测试,或者可以链接到关于这个主题的文章?对IE结果特别感兴趣,因为通常JS性能在其他浏览器中不是问题。我想知道做这样的事情要慢多少:varnumbers=[1,2,3,4,5,6,7];varresults=numbers.map(function(){//dosomestuff});而不是典型的:varnumbers=[1,2,3,4,5,6,7];varresults=[];for(vari=0;i我显然更喜欢函数式风格,但我认为为每个项目调用额外函数的额外开销可能会减慢大集合的速度。谢谢! 最佳答案 TL;DR