`
wkf41068
  • 浏览: 457599 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JavaScript 优化

阅读更多
  Javascript 是一门解释性的语言,他是直接下载到用户的客户端进行执行。 因此代码本

身的优劣直接决定了代码下载的速度已经执行的效率。

   Javascript优化问题,包括代码下载时间、代码执行时间、优化的一些原则等。


  1. Web浏览器下载的是JavaScript的源码,其中包含的长变量名、注释、空格和换行等

多余字符大大减缓了代码的下载的时间。  这些字符对于团队编写代码时十分有效,但是在最

后上传到server,可以考虑删除。 可用到的工具是:JSMin、OnlineJSCompressor等。关键词是:减少代码体积。

具体实例:
(1)  定义数组是不用new Array(),而是直接用"[]"代替;
(2) 对象定义时不用new Object(),而是用"{}"代替。

var arra = new Array() ====> var arra = [];
var obj = new Object() ====> var obj = {};

  2. 合理声明变量
在Broswer中,JavaScript默认的变量范围是window对象,也就是全局变量。 全局变量只有在Broswer关闭后才释放。 局部变量通常在function中执行完毕就立即被释放。 故在函数体重要尽可能使用var 关键字来声明变量。

3. 尽量使用内置函数缩短编译时间。
  因为内置的属性、方法都是用类C、C++之类的语言编译过得,运行起来比实施编译的JS快很多。如指数函数等。

4. 合理书写IF语句。
  (1)If语句执行效率并不高,在用if和多个else语句时,一定要把最有可能的情况发在第一位,然后可能性第二的...依次类推。
  (2)通常当超过两种情况是 ,最好使用switch语句。经常使用switch语句替代if语句,可以令执行速度甚至快10倍。 另外case语句可以使用任何类型。

5. 最小化语句数量,脚本中语句越少执行的时间月短,而且代码的提交也会相应减小。例如用var语句定义变量时可以一次定义多个如:
var iNum = 234; var sColo = "red";
====>var iNum = 234,sColo="red";

var s = acas[i];
i++;
====> var s = acas[i++];

6 节约使用DOM(次数), JS对DOM的处理可能是最耗费时间的操作之一。每次JS对DOM的 操作都会改变页面的表现,并重新渲染整个页面,从而有明显的时间消耗。
分享到:
评论

相关推荐

    javascript优化

    JavaScript 优化 JavaScript 作为一种脚本语言,广泛应用于 web 开发中,然而随着项目的复杂度增加,JavaScript 代码的性能问题不可忽视。因此,JavaScript 优化变得非常重要。本文将从多个方面对 JavaScript 优化...

    2.02 JavaScript优化.pdf

    JavaScript 优化 - 事件流、事件委托、懒加载、预加载 JavaScript 优化是指通过各种技术和方法来提高 JavaScript 的执行效率、减少浏览器的 нагрузка、提升用户体验的一种优化手段。下面我们将详细介绍事件...

    JavaScript优化.docx

    JavaScript优化是提升网页性能的关键步骤,尤其是在现代网页开发中,JavaScript的作用越来越大,但它对搜索引擎的友好性和页面加载速度都有直接影响。下面将详细讨论JavaScript优化的一些关键策略。 首先,...

    JavaScript优化方法.doc

    JavaScript 优化方法 本文将详细讲解 JavaScript 优化方法,以提高网站性能。作为一名网站开发 Web 前端工程师,对自己开发的网站项目应该尽可能地对其性能进行优化。本文将着重分析 JavaScript 的优化细节。 一、...

    JavaScript优化以及前段开发小技巧

    【JavaScript优化以及前端开发小技巧】 前端开发中的性能优化至关重要,因为这直接影响到用户体验和网站的加载速度。本文主要探讨了网络优化和JavaScript优化两个方面,以提高网页加载效率。 一、网络优化 1. ...

    JavaScript优化细节.rar

    本篇文章将详细探讨JavaScript优化的若干关键细节。 首先,了解JavaScript的基本性能指标至关重要。这包括代码加载速度、解析时间、执行效率以及内存占用等。在这些方面进行优化能有效提升页面的加载速度和响应能力...

    前端 web素材 中级进阶 JavaScript 优化 css优化

    在前端开发领域,JavaScript 和 CSS 优化是提升网站性能、用户体验和搜索引擎排名的关键技术。中级进阶阶段,开发者需要深入理解这些技术的优化策略,以实现更高效、更流畅的网页应用。 首先,我们来探讨JavaScript...

    Javascript优化技巧(文件瘦身篇)

    本文总结了Javascript优化技巧,旨在提高Javascript代码的执行效率,减少文件大小,提高下载速度。以下是本文中提到的知识点: 1. 删除注释:在实际生产环境中,删除注释可以减少文件大小,提高下载速度。 2. 删除...

    JavaScript检查器和优化器.zip

    例如,Google的Closure Compiler是一个著名的JavaScript优化器,它将源代码转化为更高效的等效版本。Closure Compiler有三个编译级别:简单优化(SIMPLE)、高级优化(ADVANCED)和Whitespace Only,其中高级优化能...

    JavaScript优化专题之Loading and Execution加载和运行

    JavaScript优化专题的加载和执行部分详细介绍了如何提高JavaScript在浏览器中的性能,这是开发者必须面对的挑战。因为JavaScript是单线程的,当JavaScript代码正在运行时,浏览器将不能同时处理其他任务,从而可能...

    javascript项目优化总结.pdf

    以下是针对JavaScript优化的一些核心点,结合给定的文件内容进行详细解释: 1. **模块化与类编程**: - **模块化**:JavaScript 中可以通过立即执行函数表达式(IIFE)和对象字面量实现模块化,避免全局变量污染,...

    JS优化_淘宝网.pdf

    标题“JS优化_淘宝网.pdf”和描述“JS优化_淘宝网...但从上述的点可以看出,淘宝网在进行JavaScript优化时可能会考虑上述多方面的技术和方法。通过综合运用这些技术手段,可以极大程度上提升网站的加载速度和用户体验。

    基于WebAssembly的JavaScript性能优化方案研究与实现之计算机分析.docx

    JavaScript优化方法及WebAssembly优化可行性分析 ##### 3.1 JavaScript性能优化 - **代码优化**:通过重构代码逻辑、减少不必要的循环和条件判断等方式,可以显著提高JavaScript程序的执行效率。 - **异步编程*...

    浅谈前端网络、JavaScript优化以及开发小技巧

    在JavaScript优化方面,文章提到了图片预加载的策略。在“秋名山活动”中,由于涉及到大量图片的加载,开发者采取了在页面载入时先加载一些通用图片,并在答题阶段预先加载后续页面中的图片,以防止用户访问页面时...

    如何提升JavaScript的运行速度(函数篇).doc

    JavaScript 优化是提高 JavaScript 的运行速度的一个重要方面。例如,使用异步调用、memoization 技术和重构函数等方法可以提高 JavaScript 的运行速度。 本文讨论了如何提升 JavaScript 的运行速度的方法,包括...

    前台javascript速度优化

    本文将深入探讨"前台JavaScript速度优化"的相关知识点,包括但不限于代码优化策略、工具应用以及Ajax性能提升。 一、代码优化策略 1. 减少DOM操作:频繁的DOM操作会降低页面性能,因为每次操作都需要浏览器重新...

    教学进度表-Javascript程序设计.docx

    JavaScript 的基础知识、JavaScript 的实现、JavaScript 小体验、JavaScript 环境搭建、JavaScript 类型、JavaScript 变量和关键字、条件语句、循环...JavaScript 高级篇、事件机制、表格与表单、错误处理和优化等内容...

    nodeJS优化js

    2. JavaScript优化:包括代码重构、消除冗余、算法优化等,旨在提高代码执行效率和加载速度。 3. UglifyJS:JavaScript压缩工具,能够混淆代码、删除空格和注释,减小文件大小。 4. 混淆代码:通过去除或加密汉字...

Global site tag (gtag.js) - Google Analytics