网站性能，刻不容缓！！！三大因素CSS、IMAGES、JS.ppt

华丽的外衣--IMAGES JPEG 80品质190 KB 华丽的外衣--IMAGES JPEG 100品质351 KB 华丽的外衣--IMAGES PNG8 114 KB 华丽的外衣--IMAGES 和JPEG相比： 当图片很容易因为压缩产生大色块并且大色块变得不可接受时。如下图 华丽的外衣--IMAGES JS优化几则 4种数据存储位置 局部变量最快 循环 JS与DOM那扯不断理还乱的关系 JS优化几则 4种数据存储位置 直接量 数字 字符串 boolen 对象 数组 函数 正则 null undefined 变量 var... 数组元素 数字为索引 对象成员 字符串为索引 直接量和局部变量的访问速度快于后边2个 FF3是个例外，他优化了数组项的存取，但是通常的建议是，如果在乎速度 那么尽量使用直接量或局部变量 减少数组项和对象成员的使用。 JS优化几则 局部变量最快 每个JS函数都是表示为一个对象，更确切的说是function对象的一个实例，function对象同其他对象一样，拥有可以编程访问的属性，和一些列不能通过代码仅供JS引擎存取的内部属性。其中一个内部属性是【scope】 内部属性【scope】包含了一个 函数被创建的作用域中 对象的集合，这个集合被称为函数的作用域链，它决定哪些数据能被函数访问。当一个函数创建后，它的作用域链会被 创建此函数的作用域中 可访问的数据对象 所填充。 function add(a,b){ var sum = a + b; return sum; } 函数add创建时，他的作用域链中填入了一个单独的可变对象，这个全局对象表示所有全局范围定义的变量。包含WINDOW,DOCUMENT,NAVIGATOR等等全局对象。 JS优化几则 局部变量最快 下面开始执行 var num = add(10,20); 执行此函数会创建一个称为 运行期上下文 的内部对象。一个运行期上下文定义了一个函数执行时的环境。函数每次执行时对应的执行期上下文都是独一无二的，所以多次调用同一个函数就会导致创建多个运行期上下文。当函数执行完毕，对应的运行期上下文就被销毁。 每个运行期上下文都有自己的作用域链，用于标识符解析。当运行期上下文被创建时，它的作用域链初始化为当前运行函数的[scope]属性中所包含的对象。这些值按照他们出现在函数中的顺序，被复制到运行期上下文的作用域链中。这个过程一旦OK，一个被称为 活动对象 的新对象就为运行期上下文创建好了。活动对象作为函数运行期的可变对象，包含了所有局部变量，命名参数，参数集合 以及 this。然后此对象被推入作用域链的前端。当运行期上下文被销毁，活动对象也随之销毁。 JS优化几则 局部变量最快 在函数执行过程中，每遇到一个变量，都会经历一次标识符解析过程以决定从哪里获取或存储数据。该过程搜索运行期上下文的作用域链，查找同名的表示符。搜索过程从作用域链顶部开始，也就是当前运行函数的活动对象。如果找到了，就使用这个标识符对应的变量；如果没找到，继续搜索作用域链中的下一个对象。搜索过程会持续进行，直到标识符被找到，或者没有可用于搜索的对象为止，这种情况下标识符被认定是为定义的。is not defined 。函数执行过程中，每个标识符都要经历这样的搜索过程。正是这个搜索过程影响着他的性能！ 如果名字相同的2个变量存在于作用域链的不同部分，那么标识符就是遍历作用域链时最先找到的那个，也可以说，第一个找到的遮蔽了第二个。 JS优化几则 局部变量最快 在运行期上下文的作用域链中，一个标识符所在的位置越深，它的读写速度也就越慢。SO 函数中读取局部变量总是最快的，而全局变量是最慢的，因为全局的总是存在于运行期上下文作用域链的最末端！ 一个好的经验法则就是，如果一个跨作用域的值在函数中被引用一次以上，那么就把它存储到局部变量里。 临时改变作用域链 with与try catch 但是不推荐使用，除非你的项目实在有需求。 网站性能，刻不容缓！！三大因素:CSS、IMAGES、JS 主讲人：侯彪 CSS也有性能开销 华丽的外衣--IMAGES JS优化几则 杂谈---DOM的加载也有SEO的技巧 CSS也有性能开销 网站性能一说让多数的人第一时间想起的是javascript，但对于一个WEB来说同样重要的CSS呢？你会考虑到他的性能开销吗？ ul#my_list li{color:#f00} 理解一下CSS选择符的概念 把样式表放在head标签中以提升页面的逐步渲染速度。 不要在IE中使用CSS Expression，因为他会被执行到很多次，你想知道是多少吗？好的，以万为单位，甚至可以搞死你的IE！ 避免或杜绝使用行内样式，因为这会增加下载页面的大小，并搞乱你的CSS权重。 在前辈们的