js脚本代码优化，如何优化网站的js代码

1，如何优化网站的js代码JS不会影响蜘蛛爬行。只是会忽略JS中的内容，所以JS的优化就是把不需要蜘蛛抓的放在JS中，需要的放在js外。
2，js中if语句的几种优化代码写法bar():baz(); if (!foo) bar(); else baz(); ==> foo?baz():bar(); if (foo) return bar(); else return baz(); ==> return foo?bar():baz(); 对于以上使用三元操作符来优化if语句你肯定不会陌生，或许你经常使用它。二、使用and(&&)和or(||)运算符 if (foo) bar(); ==> foo&&bar(); if (!foo) bar(); ==> foo||bar(); 老实说，我并没有这样去写过代码，这种写法看到过，但我并没想到在js中实现它。三、省略大括号{} if (foo) return bar(); else something(); ==> {if(foo)return bar();something()} 这种写法你我都很熟悉，但我建议在代码优化的时候这样做，或者交给uglifyjs帮你去解决。毕竟少一个大括号，代码的可阅读性并不高。写到这里，我想到一个获取html元素属性的方法。function getattr(el, attrname){ var attr = {for:htmlfor, class:classname}[attrname] || attrname; }; 如果我们不这样写，可能我们需借助于两个if语句来进行处理，而上面的代码不仅简洁有效，而且可阅读性强。仔细想想，好些时候我们都能找到解决问题的有效途径，但关键在于我们是否用心去寻找一种更好的途径。【js脚本代码优化，如何优化网站的js代码】
3 ，关于Web优化的问题JS脚本的引用代码放在HTML底部哪里<html><head> </head><body>  </body></html>但不是所有的JS都需要放在文档尾部的，放在尾部的原因有两点：1. 现在主流浏览器都支持并行下载， head引入的文件会在多个线程中同时下载，如果你有某几个JS存在相互依存关系，比如a.js里调用b.js里的某个函数，或是操作某个还在加载中的DOM元素，如果并行下载b.js没下载完或DOM没加载完时a.js已经开始执行了，此时会出错。所以放在尾部等到整个文档加载完（注意引入的顺序）才执行。2. HTML是瀑布流式加载的，即从上到下顺序加载，如果你某一个跟主要功能无关（比如流量统计）的JS放在页面开始时加载，那么页面会一直等待，直到这个JS完全加载完毕才会继续加载其他内容，这样很影响用户的体验。放在</html>前面就行。css和js<head></head>和 <html></html>里的都可以放css js一般是放在<head></head>里，这样会先加载但是有些js要后加载，先等html文档树加载完才起作用，所以一定要放在底部的</html>前关于优化跟这个关系不大主要是控制css js 文件的大?。?可以提取公共css部分和js部分以及合并多个js或css等尽量减少外部调用数量尽量保持页面小css js 涉及到的就是尽量小不出错，保障加载的快
4，如何优化js代码一、让代码简洁：一些简略的表达方式也会产生很好的优化eg：x=x+1;在不影响功能的情况下可以简写为x++;二、变量名方法名尽量在不影响语意的情况下简单。（可以选择首字母命名）eg：定义数组的长度可以取名为：ArrLen而不需要取为ArrayLength 。三、关于JS的循环，循环是一种常用的流程控制。JS提供了三种循环：for(;;)、while()、for(in) 。在这三种循环中for(in)的效率最差，因为它需要查询Hash键，因此应尽量少用for(in)循环，for(;;)、while()循环的性能基本持平。当然，推荐使用for循环，如果循环变量递增或递减，不要单独对循环变量赋值，而应该使用嵌套的++或–运算符。四、如果需要遍历数组，应该先缓存数组长度，将数组长度放入局部变量中，避免多次查询数组长度。因为我们常常要根据字符串、数组的长度进行循环，而通常这个长度是不变的，比如每次查询a.length ，就要额外进行一个操作，而预先把var len=a.length，则就少了一次查询。五、尽量选用局部变量而不是全局变量。局部变量的访问速度要比全局变量的访问速度更快，因为全局变量其实是window对象的成员，而局部变量是放在函数的栈里的。六、尽量少使用eval 。每次使用eval需要消耗大量时间，这时候使用JS所支持的闭包可以实现函数模板。七、减少对象查找因为JavaScript的解释性，所以a.b.c.d.e，需要进行至少4次查询操作，先检查a再检查a中的b，再检查b中的c，如此往下。所以如果这样的表达式重复出现，只要可能，应该尽量少出现这样的表达式，可以利用局部变量，把它放入一个临时的地方进行查询。八、字符串连接。如果是追加字符串，最好使用s+=anotherStr操作，而不是要使用s=s+anotherStr 。如果要连接多个字符串，应该少使用+= ，如s+=a;s+=b;s+=c;应该写成s+=a + b + c；而如果是收集字符串，比如多次对同一个字符串进行+=操作的话，最好使用一个缓存。怎么用呢？使用JavaScript数组来收集，最后使用join方法连接起来，如下var buf = new Array();for(var i = 0; i < 100; i++)九、类型转换1. 把数字转换成字符串，应用"" + 1，虽然看起来比较丑一点，但事实上这个效率是最高的，性能上来说：("" +) > String() > .toString() > new String() 尽量使用编译时就能使用的内部操作要比运行时使用的用户操作要快。String()属于内部函数，所以速度很快，而.toString()要查询原型中的函数，所以速度逊色一些，new String()用于返回一个精确的副本。2. 浮点数转换成整型，这个更容易出错，很多人喜欢使用parseInt() ，其实parseInt()是用于将字符串转换成数字，而不是浮点数和整型之间的转换，我们应该使用Math.floor()或者Math.round() 。Math是内部对象，所以Math.floor()其实并没有多少查询方法和调用的时间，速度是最快的。3. 对于自定义的对象，如果定义了toString()方法来进行类型转换的话，推荐显式调用toString()，因为内部的操作在尝试所有可能性之后，会尝试对象的toString()方法尝试能否转化为String，所以直接调用这个方法效率会更高十、尽量作用JSON格式来创建对象，而不是var obj=new Object()方法。因为前者是直接复制，而后者需要调用构造器，因而前者的性能更好。十一、当需要使用数组时，也尽量使用JSON格式的语法，使用JSON格式的语法即直接使用如下语法定义数组：[parrm,param,param...],而不是采用new Array(parrm,param,param...)这种语法。因为使用JSON格式的语法是引擎直接解释的。而后者则需要调用Array的构造器。十二、对字符串进行循环操作，例如替换、查找，就使用正则表达式。因为JS的循环速度比较慢，而正则表达式的操作是用C写成的API ，性能比较好。十三、插入HTML很多人喜欢在JavaScript中使用document.write来给页面生成内容。事实上这样的效率较低，如果需要直接插入HTML，可以找一个容器元素，比如指定一个div或者span，并设置他们的innerHTML来将自己的HTML代码插入到页面中。十四、对象查询使用[“”]查询要比.items()更快十五、定时器如果针对的是不断运行的代码，不应该使用setTimeout，而应该是用setInterval 。setTimeout每次要重新设置一个定时器。十六、尽量减少DOM调用在Web开发中，JavaScript的一个很重要的作用就是对DOM进行操作。可是对DOM的操作是非常昂贵的，因为这会导致浏览器执行回流（reflow）操作。我们应该尽可能的减少DOM操作。js不会影响蜘蛛爬行。只是会忽略js中的内容，所以js的优化就是把不需要蜘蛛抓的放在js中，需要的放在js外。