blocks|key|779011|text|真的没有办法真正加快速度。你可以压缩它，但它不会快很多。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|779012|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Theres really no way to really speed it up. You can compact it but it won't be much faster.

blocks|key|371501|text|使用V8+javascript引擎？:P|type|unstyled|depth|inlineStyleRanges|entityRanges|data|371502|唯一能做到这一点的方法是减少代码中dom和作用域访问的数量。例如，当多次访问dom中的元素时，而不是|371503|document.something.mydiv.myelement.property1+=+this
document.something.mydiv.myelement.property2+=+bla
document.something.mydiv.myelement.property3+=+foo
document.something.mydiv.myelement.property4+=+bar|code-block|syntax|javascript|371504|做|371505|var+myel+=+document.something.mydiv.myelement
myel.property1+=+this
myel.property2+=+bla
myel.property4+=+bar
myel.property3+=+foo|371506|请注意，某些javascript引擎会自动为您进行此优化，但对于较旧的浏览器，后者肯定比前者快，因为它只需经过一次访问链即可访问myel。|371507|请看这个视频，了解更多的javascript优化技术http://www.youtube.com/watch?v=mHtdZgou0qU|offset|length|371508|entityMap|0|LINK|mutability|MUTABLE|url|http://www.youtube.com/watch?v=mHtdZgou0qU^0|0|0|0|0|0|0|Q|16|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|13|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|14|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|16|8|@]|9|@$Q|17|R|18|1|19]]|A|$]]|$1|S|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

Use the V8 javascript engine? :P

The only way you can do that is to reduce the amount of dom and scope access in your code. 
e.g. when accessing an element in the dom multiple times, instead of 

<pre><code>document.something.mydiv.myelement.property1 = this
document.something.mydiv.myelement.property2 = bla
document.something.mydiv.myelement.property3 = foo
document.something.mydiv.myelement.property4 = bar
</code></pre>

do

<pre><code>var myel = document.something.mydiv.myelement
myel.property1 = this
myel.property2 = bla
myel.property4 = bar
myel.property3 = foo
</code></pre>

Note that some javascript engines will automatically make this optimization for you, but for older browsers, the latter will definitely be faster than the former because it only has to go through the access chain once to reach myel

Have a look at this video for more javascript optmization techniques
<a href="http://www.youtube.com/watch?v=mHtdZgou0qU" rel="nofollow noreferrer">http://www.youtube.com/watch?v=mHtdZgou0qU</a>

blocks|key|2691472|text|如果你的意思是在浏览器之外，那么你应该使用最快的，例如Chrome's+V8+Java+Script+engine。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2691473|在浏览器内部有丰富的优化技术来更快地加载Java+Script，这里是谷歌optimization+techniques的好地方。|2691474|2691475|使用像YUI压缩器这样的工具编译你的Java脚本，然后将其压缩。|unordered-list-item|2691476|只加载你需要的最低限度的|2691477|复杂的动画仍然是富UI插件的最佳选择，例如Flash/Silverlight|2691478|2691479|对于动画，请查看在支持HTML5的浏览器中使用HTML5画布元素，对于不支持它的浏览器，请退回到flash。|2691480|Google地图是使用纯Java+Script的一个很好的例子，尽管他们已经花费了大量的资源来优化每个浏览器的性能。一如既往，提高速度的最好方法是对不同的方法进行基准测试。例如，div.innerHTML+=""，在大多数情况下比使用DOM动态添加元素要快，等等。|2691481|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/p/v8/|1|http://code.google.com/speed/articles/^0|R|U|0|0|11|N|1|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|D|3|E|5|6|7|16|8|@]|9|@$A|17|B|18|1|19]]|C|$]]|$1|F|3|-4|5|6|7|1A|8|@]|9|@]|C|$]]|$1|G|3|H|5|I|7|1B|8|@]|9|@]|C|$]]|$1|J|3|K|5|I|7|1C|8|@]|9|@]|C|$]]|$1|L|3|M|5|I|7|1D|8|@]|9|@]|C|$]]|$1|N|3|-4|5|6|7|1E|8|@]|9|@]|C|$]]|$1|O|3|P|5|6|7|1F|8|@]|9|@]|C|$]]|$1|Q|3|R|5|6|7|1G|8|@]|9|@]|C|$]]|$1|S|3|-4|5|6|7|1H|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]|10|$5|V|W|X|C|$Y|11]]]]

If you mean outside the browser then you should use the fastest around, i.e. <a href="http://code.google.com/p/v8/" rel="nofollow noreferrer">Chrome's V8 Java Script engine</a>.

Inside the browser there is a wealth of optimization techniques to faster loading Java Script, here is a good place for <a href="http://code.google.com/speed/articles/" rel="nofollow noreferrer">optimization techniques</a> by google.

<ul>
<li>Compile your Java Script using a tool like YUI compressor than serve it gzipped.</li>
<li>Only load the bare minimum you need</li>
<li>Complex animations are still best served by Rich UI plugins, i.e. Flash/Silverlight</li>
</ul>

For animations look at using the HTML 5 Canvas element for browsers that support it, fall back to flash for ones that don't.

Google maps is a good case of what's possible with pure Java Script although they've spent a wealth resources optimizing the performance for each browser. As always the best way to improve your speed is to benchmark different approaches. e.g. div.innerHTML ="", is most of the times quicker than using the DOM to dynamically add elements, etc.

blocks|key|2698510|text|这是一个非常模糊的问题。你可以做一百万件事来加速你的代码(在写这篇文章的时候，Ajaxian有关于这个主题的157+articles+)，但是没有一个“让我更快”按钮可以神奇地让所有脚本运行得更快。如果有的话，生活会容易得多。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2698511|entityMap|0|LINK|mutability|MUTABLE|url|http://ajaxian.com/|1|http://ajaxian.com/by/topic/performance^0|13|7|0|1I|C|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

That's a very vague question. There are a million things you can do to speed up your code (<a href="http://ajaxian.com/" rel="nofollow noreferrer">Ajaxian</a> has <a href="http://ajaxian.com/by/topic/performance" rel="nofollow noreferrer">157 articles</a> on the topic at the time of this writing), but there is no "Make Me Faster" button that magically makes all scripts run faster. If there were, life would be so much easier.

blocks|key|4152465|text|谷歌的closure+project提出了一些类似的说法，尽管我还没有亲自尝试过。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4152466|4152467|闭包编译器将JavaScript编译成紧凑、高性能的代码。编译器删除死代码，重写并最小化剩下的代码，以便快速下载和运行。它还检查语法、变量引用和类型，并就常见的JavaScript陷阱发出警告。|blockquote|4152468|4152469|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/closure/^0|3|F|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]|$1|E|3|F|5|G|7|V|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|W|8|@]|9|@]|C|$]]|$1|I|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

The <a href="http://code.google.com/closure/" rel="nofollow noreferrer">closure project</a> from Google makes some claims along those lines, although I haven't tried it personally.

<blockquote>
 The Closure Compiler compiles JavaScript into compact, high-performance code. The compiler removes dead code and rewrites and minimizes what's left so that it downloads and runs quickly. It also also checks syntax, variable references, and types, and warns about common JavaScript pitfalls. 
</blockquote>

blocks|key|371578|text|尝试对定位或“屏幕外”元素进行动画和显示更改-将页面重新绘制的次数减少到最少。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|371579|通过更改cssText或className进行多个样式更改，而不是一次更改一个属性。|371580|如果您需要在同一进程中查找一个元素或属性两次，则应该在第一次查找时进行本地引用。|371581|如果不是在调试，请记住关闭调试器。|371582|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

Try to make animation and display changes to positioned or 'offscreen' elements- redraw the page the fewest number of times.

Make multiple style changes by changing the cssText or the className, not one property at a time.

If you need to lookup an element or property twice in the same process, you should have made a local reference the first time.

And remember to turn off the debugger, if you are not debugging.

blocks|key|371632|text|你能做的最好的事情就是优化你的代码。使用profiler+--火狐有Firebug，Safari和WindowsIE8都内置了JavaScript调试器和分析器(至少我相信IE8有，如果我错了，有人纠正我……)。在你的代码上运行一个概要文件将会告诉你最慢的部分在哪里，这些部分是你可以专注于优化的部分……也许会有更多更具体的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|371633|entityMap|0|LINK|mutability|MUTABLE|url|http://en.wikipedia.org/wiki/Profiler_(computer_science)^0|K|8|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

The best you can do is optimize your code. Use a <a href="http://en.wikipedia.org/wiki/Profiler_(computer_science)" rel="nofollow noreferrer">profiler</a> -- for Firefox there's Firebug, Safari and Windows IE 8 have JavaScript debuggers and profilers built in (At least I believe IE 8 does, someone correct me if I'm wrong...). Running a profile on your code will show you where the slowest parts are, and those are the sections you can focus on optimizing... perhaps with more questions that are a lot more specific.

Is there any way to speed up JS scripts (i mean some complex DOM manipulations, like games or animations)?

Javascript acceleration?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

有没有办法加速JS脚本(我指的是一些复杂的DOM操作，比如游戏或动画)？

问Javascript加速？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript加速？EN