`
blanky01
  • 浏览: 7023 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

javascript性能优化点总结(不断更新)

阅读更多

一,文件下载

  1.外链js文件。

  2.减少外链js文件。

  3.减少功能类似的js库的共存。

二,DOM元素修改

  1.最大限度地减少DOM更新。

  2.缓存需要多次调用的DOM。

  3.document. getElementByName()的执行时间可能会随着页面的增大而变长。

  4.从内到外appendChild

  5.用nexSibling遍历提高效率

  6.尽量使用innerHTML代替removeChild

三,程序优化

  1.少用for...in:它需要查询散列键。

  2.for循环次数非常大又不照顾循序时,可以采用递减的方法减少计算量。

    2.1for循环时缓存循环长度;

  3.多用局部变量,少用全局变量:局部变量放在函数的栈中,而全局变量则是全局对象的成员。采用面向对象的编程思想时,把对象的方法或者属性赋值给特定环境下的局部变量,加快访问速度,特别是有多重引用的时候。 

  4.对于多字符串链接、一个字符串多次链接其他字符串时,可以考虑将字符串缓存到数组里,最后用转换成字符串。

    4.1 s+=s1优于s=s+s1

  5.数字转字符串("" + ) > String() > .toString() > new String() 。""+编译时就能使用的内部操作。数字String()属于内部函数,所以速度很快,而.toString()要查询原型中的函数,所以速度逊色一些,new String()用于返回一个精确的副本。

  6.尽量使用编译时就能使用的内部操作要比运行时使用的用户操作要快。

  7.直接量赋值:{}、[]、//、等

  8.避免使用with:with会改变原型链,增加访问代价。

四,遗忘的事情

  1.没及时清理定时器

  2.没清理绑定的事件

分享到:
评论

相关推荐

    JavaScript性能优化的小知识总结共23页.pdf

    以下是一些关于JavaScript性能优化的关键知识点: 1. **延迟加载(Lazy Loading)**:为了提高页面加载速度,可以使用延迟加载策略,如图片懒加载,只在用户滚动到可视区域时才加载资源。 2. **代码分割(Code ...

    JavaScript性能优化技巧分享共8页.pdf.zip

    这份"JavaScript性能优化技巧分享共8页.pdf.zip"压缩包文件很可能是对一些关键优化策略的总结,虽然我们无法直接查看具体内容,但根据标题和标签,我们可以探讨一些常见的JavaScript性能优化方法。 1. **延迟加载...

    javascript项目优化总结.pdf

    6. **性能优化**: - 避免冗余代码,相同功能的函数应统一管理,减少不必要的计算和遍历。 - 优化网络加载,如延迟加载非关键资源,使用异步加载等策略。 7. **数据结构优化**: - 如 `PetConfigParser` 使用...

    Ext性能优化总结

    ### Ext性能优化总结 在多年的Ext项目开发过程中,积累了丰富的经验与技巧,下面将这些关键的知识点进行详细的阐述,希望能为同行提供有价值的参考。 #### 一、架构优化:One Page One Application模式 在传统的...

    性能优化,前端,优化总结

    性能优化是前端开发中不可或缺的一部分,它直接影响到用户的体验,进而...性能优化是一个持续的过程,需要结合实际项目不断调整和优化。通过以上方法,我们可以有效地提升前端性能,为用户提供更流畅、快速的浏览体验。

    wepack性能优化方案学习总结

    ### Webpack性能优化方案详解 #### 一、引言 Webpack是前端开发中不可或缺的工具之一,被广泛应用于项目的构建与打包过程中。随着项目规模的增长和技术栈的复杂化,Webpack的性能优化变得尤为重要。本文旨在深入...

    JavaScript 性能优化小结

    随着 Web2.0 技术的不断推广,越来越多的应用使用 JavaScript 技术在客户端进行处理,从而使 JavaScript 在...在使用JavaScript中我们通常会考虑其性能问题,因此将日常总结的关于JavaScript性能优化的方式总结出来,以

    JavaScript代码性能优化总结篇

    在现代的前端开发中,JavaScript性能优化是一项不可或缺的技能,尤其是在面对复杂的应用程序时。性能优化的目标在于减少代码的执行时间、提升响应速度、降低资源消耗,并最终提升用户体验。本文将从多个角度总结一些...

    大规模网站性能优化方法-高性能网站性能优化

    总结来说,大规模网站性能优化需要从前端、后端、架构及监控等多个层面进行全面考虑和实施。只有这样,才能确保网站在应对高并发、大数据量的情况下,仍能保持高性能和良好的用户体验。同时,持续关注新的技术和工具...

    javascript效果经典大总结

    - 使用缓存、避免全局查找、减少DOM操作次数等方法提升JavaScript性能。 - 了解V8引擎的工作原理,如垃圾回收机制,有助于编写高效的代码。 通过学习这些经典知识点,开发者可以更好地掌握JavaScript的使用,创造...

    ArcGIS Server部署策略与性能优化

    ### ArcGIS Server部署策略与性能优化 #### 一、ArcGIS Server部署策略 **1. ArcGIS Server部署方式** ArcGIS Server提供了多种部署方式,包括集中部署、分布式部署以及群集部署。 - **集中部署**: SOM(Server ...

    Apress.Pro.JavaScript.Performance.2012

    ### JavaScript性能优化关键知识点 #### 一、性能概念与范畴 - **定义**:性能指的是应用运行的速度。在Web开发领域,性能分为两个主要方面——Web性能和运行时性能(runtime performance)。其中,Web性能关注的...

    网站性能优化2

    网站性能优化是一个重要的...总结,网站性能优化是一个涉及多方面、多层次的系统工程,涵盖前端、后端、网络、用户体验等多个领域。通过上述方法,我们可以显著提升网站的性能,为用户提供更加流畅、快速的在线体验。

    JavaScript编程总结

    以上只是JavaScript编程中的一部分核心知识点,实际开发中还会涉及到更多高级特性和最佳实践,例如错误处理、类型检查、性能优化、AJAX请求、正则表达式等。不断学习和实践,才能更好地掌握这门语言。

    javascript超级效果大总结

    2. 防抖和节流:通过防抖(debounce)和节流(throttle)技术,优化表单事件的处理,防止性能问题。 综上所述,JavaScript超级效果涵盖了动画、交互、数据获取、API集成等多个方面,开发者可以根据需求灵活运用,打造...

    大型网站性能优化实战从前端网络CDN到后端大促的全链路性能优化

    总结,大型网站性能优化是一个系统性工程,涉及到前端、网络和后端等多个层面。通过综合运用CDN、HTTP/2、懒加载、数据库优化、缓存策略等技术手段,以及在大促期间的特殊优化措施,可以显著提升网站的性能和用户...

    JavaScript知识点总结之如何提高性能

    JavaScript性能优化是提升网页应用响应速度的关键,尤其是在大型复杂项目中。为了确保代码高效运行,开发者需要关注一些关键点。 首先,了解JavaScript的基本语法至关重要。变量声明通常使用`var`关键字,例如`var ...

Global site tag (gtag.js) - Google Analytics