Tag: 性能

FullCalendar – 我应该期待什么级别的事件渲染性能？: 我使用$(‘#CalendarPlugin’).fullCalendar(‘renderEvent’, {} );在FullCalendar中渲染100个事件$(‘#CalendarPlugin’).fullCalendar(‘renderEvent’, {} ); 在一个循环中被调用100次。我在电脑上看到的浏览器性能（Core2 6600 @ 2.4GHz，4GB RAM） Chrome ：3秒 Firefox ：6秒 IE9 ：6秒这是预期的性能水平吗？是否有更快的方式加载和呈现事件？一旦它们被添加到FullCalendar，在几个月之间移动并重新渲染它更快。这只是使用renderEvent的初始加载速度很慢。

保存页面加载时间的提示: 我的问题：什么是最好的方法来削减那些不必要的kbs并使页面加载更快。所有优化实践+编码实践（在js，php中）如果执行可以使您的页面更轻。为什么我这样问：我在jquery.js和jquery.min.js上阅读了这篇文章。我以为很多人在不知道它的含义的情况下使用它。我基本上是在android和ios手机上制作广告单元。所以在我的领域节省每一个kb变得非常关键。我最近开始使用jquery.min而不是简单的javascript.But再次增加了整体kbs大小。大爸爸谷歌在他们的页面排名哲学中跟踪这个方面。所以这个问题变得更加重要，在最顶层的搜索我确实在谷歌搜索，但没有一个链接提出了一些可靠的答案。我想知道除了使用任何js库的缩小版本之外，人们应该怎么做才能使他们的网页在移动设备以及平板电脑和PC浏览器上更轻松。在某些时候，每个javascript编码器都必须考虑这个问题。

jQueryvalidation大型表单 – 脚本运行缓慢: 我正在使用带有jQuery 1.5的jQuery Validate插件1.8.0。适用于中小型表格。对于较大的表单，性能会显着下降（即使在IE8和FF4中），有时会导致“脚本运行速度太慢”消息。即使您指定了自定义规则，该插件似乎也会扫描表单中的整个DOM，以查找要validation的属性和类。任何人都知道如何完全关闭它？还有一个忽略选项，但它仍然会扫描DOM，跳过那些忽略attr。这是ASP.NET呈现的内容，除了大约120行数据。不幸的是，分析结果不是一种选择。 Header 1 Header 2 Header 3 Header 4 Header 5 Header 6 Header 7 Header 8 XXX YYY ZZZ Y N A B 101

jquery.inArray（）与Object.hasOwnProperty（）之间的性能差异？: 我有一种情况，我可以选择将字符串键的集合实现为一个对象： $.each(objects, function (key, object) { collection[key] = “doesn’t matter”; }); 或数组： $.each(objects, function (key, object) { collection.push(key); }); 我希望能够快速确定集合是否包含给定的密钥。如果collection是一个对象，我可以使用： if (collection.hasOwnProperty(key_to_find)) { // found it!… } else { // didn’t find it… } 如果collection是一个数组，我可以使用： if ($.inArray(key_to_find, collection)) { // found it!… } else { // didn’t find it… } 我想使用JavaScript的内置hasOwnProperty会比jQuery的inArray（）更快，但我不完全确定。有没有人更多地了解这两种方法之间的性能差异？或者，这里有一个我不知道的更有效的替代方案吗？

如果jQuery脚本在所有页面HTML之后加载，它们仍然需要$（document）.ready吗？: 如果我在我的所有页面HTML下面加载我的jQuery脚本，我还需要等待$(document).ready才能使用jQuery来查找页面中的元素吗？

如何压缩ajax请求的响应？: 我将整个HTML作为ajax请求的响应（不仅仅是作为JSON的数组）返回。如您所知，响应将稍微大一些（比JSON）。因为它包含更多的东西，比如html标签，html属性等……所以提高可扩展性（减少服务器负载）。减少网络带宽（降低成本）。更好的用户体验（更快）。我想压缩响应。类似.gzip格式的东西。基于这样的测试，这是ajax响应的大小：这是压缩的ajax响应的大小：看到？他们的尺寸差别很大。我想知道的是，是否有可能在途中压缩ajax请求的响应并将其转换为客户端的常规文本？为此，我需要在Web服务（如nginx）配置中进行一些更改吗？或者它自动完成？

jQuery全局事件和性能？: 我正在寻找一种使用jQuery显示状态指示器的方法，我在jQuery Cookbook中找到了一个解决方案，它显示了这个解决方案 (function($) { $(document).ready(function() { $(‘#ajaxStatus’) .ajaxStart(function() { $(this).show(); }) .ajaxStop(function() { $(this).hide(); }); ….. })(jQuery); 然后它警告说，如果您在应用程序中遇到性能问题，可能是因为如果元素数量非常多，则会导致事件传播的成本。在这种情况下，将global设置为false可能会提高性能。首先，我应该使用上面显示的解决方案，这将是一个性能问题，因为我的网站和js代码变得越来越大？我应该避免jQuery全局事件，只需像段落所说的那样关闭它吗？最后，在执行ajax请求时，你们如何显示一个简单的指标？

jQuery .getJSON vs .post哪一个更快？: 运用 $.getJSON(); 要么 $.post(); 我正在尝试通过一个仅用于AJAX请求的页面发送一些参数，并在JSON或html片段中获得一些结果。我想知道的是哪一个更快？假设HTML文件只是简单的布尔文本（true或false）

多次使用jQuery $（）运算符会对性能产生影响吗？: 如果我在元素周围构造一次或多次jQuery对象，会有什么显着差异吗？例如： var jEl = $(el); $.each(myArray, function() { jEl.addClass(this); } 与： $.each(myArray, function() { $(el).addClass(this); } 我知道还有其他方法可以回答这个问题，但我的问题是我是否应该只做一次$（el），或者它是否真的无关紧要。这个例子是人为的。奖金积分用于解释$（el）在幕后的作用。我知道理论上正在做更多的工作，我不知道的是它是否重要……如果jQuery缓存它或浏览器都非常擅长第二个请求或其他什么，而不是它的价值。仅供参考：相关的jQuery API链接在这里（我提供的是因为$（）对谷歌来说不是最简单的事情）： http ： //api.jquery.com/jQuery/#using-dom-elements 还值得包括这个有用的链接： http ： //www.artzstudio.com/2009/04/jquery-performance-rules/ ，他的几个要点集中在保存，链接和选择上。

绑定父元素与元素直接相比有优缺点吗？: 为了更好地理解jQuery性能，我遇到了以下问题。考虑将click事件绑定到列表中的项目的两个大致相同的解决方案：清单项目： One Two Three One Two Three 请注意，有两个完整列表（除了ID）。现在，考虑以下jQuery来绑定item s中每个锚点的客户端事件： $(‘#items’).on(‘click’, ‘.item a’, function(e) { console.log(“### Items click”); }); $(‘#items2 .item a’).on(‘click’, function(e) { console.log(“### Items2 click”); }); 这实现了相同的结果，因为单击列表中的项目将输出它们各自的消息。观察绑定的事件，在第一种情况下，click事件被绑定到#items容器，没有事件绑定到子#items 。但是，在第二种情况下，没有将 click事件绑定到父#items2 ，但每个子元素都有一个click事件。现在，我的问题是：一个明显优于另一个吗？天真，我会认为第一种情况更可取，但缺乏对jQuery内部的了解，很可能这两者在内幕时是相同的。我准备了一个小提琴演示两个案例。观察jQuery为元素构建的事件，是我推导出上述假设的地方（您可以在Web浏览器的控制台中看到输出）。