高性能javascript笔记：关于脚本的优化
脚本的阻塞特性：把脚本放在底部 <script>标签因脚本的加载，解析，运行而暂时整个页面的下载和解析过程。如果把它放在<head>标签里面。通常表现为：页面打开时，首先显示 ...
原文：高性能javascript笔记：浏览器中DOM操作的性能优化(一)
频繁地对于DOM进行操作的很是损耗性能，但在富网页应用中我们编写脚本无可避免地要跟DOM打交道，到底怎么才能优化这个性能瓶颈呢，大致从以下三种情况去考虑： 访问和修改DOM元素 修改DOM样式，会造成页面的重绘和重新排版 通过DOM事件处理程序来响应用户 访问和修改DOM元素 在浏览器中，DOM的实现和Javascript的实现通常是保持相互独立的。下面了解一下主流浏览器的渲染引擎和JS引擎： ...
2012-07-02 16:29 7 2901 推荐指数：
相关推荐
浏览器性能优化
1、 减少http请求，合理设置 HTTP缓存 减少http的主要手段是合并CSS、合并javascript、合并图片。将浏览器一次访问需要的javascript和CSS合并成一个文件，这样浏览器就只需要一次请求。图片也可以合并，多张图片合并成一张，如果每张图片都有不同的超链接 ...
高性能JavaScript DOM编程
我们知道，DOM是用于操作XML和HTML文档的应用程序接口，用脚本进行DOM操作的代价很昂贵。有个贴切的比喻，把DOM和JavaScript（这里指ECMScript）各自想象为一个岛屿，它们之间用收费桥梁连接，ECMAScript每次访问DOM，都要途径这座桥，并交纳“过桥费”,访问DOM ...
高性能javascript笔记：数据的存储与访问性能优化
在javascript中，数据的存储位置对代码的整体性能有着重要的影响。有四种数据访问类型：直接量，局部变量，数组项，对象成员。直接量和局部变量访问的都非常快，数组项和对象成员的访问速度就有待优化了。 局部变量也就可以理解为在函数内部定义的变量，很明显访问局部变量要比域外的变量要快 ...
浏览器的加载与页面性能优化
本文将探讨浏览器渲染的loading过程，主要有2个目的： 了解浏览器在loading过程中的实现细节，具体都做了什么 研究如何根据浏览器的实现原理进行优化，提升页面响应速度 由于loading和parsing是相互交织、错综复杂的，这里面有大量的知识点，为了避免过于发散本文将不 ...
高性能Mysql笔记 — 优化
性能优化 了解查询的整个生命周期，清楚每个阶段的时间消耗情况 性能分析 慢查询日志——服务器性能分析 参考 慢查询日志是优化很重要的手段，但是开启慢查询日志对性能的影响并不大，所以可以考虑在线上打开慢查询日志 查看慢查询是否打开、以及日志存储位置：show variables ...
DOM性能瓶颈与Javascript性能优化
这两天比较闲，写了两篇关于JS性能缺陷与解决方案的文章（《JS特性性能缺陷及JIT的解决方案》，《Javascript垃圾回收浅析》），主要描述了untyped，GC带来的问题与JIT引擎的解决方案。但相对于Js引擎的问题，我认为DOM导致的性能问题更值得关注。 一.Dom ...
网页性能优化：防止JavaScript、CSS阻塞浏览器渲染页面
网页中引用的外部文件： JavaScritp、CSS 等常常会阻塞浏览器渲染页面。假设在 <head> 中引用的某个 JavaScript 文件由于各种不给力需要2秒来加载，那么浏览器渲染页面的过程就会被阻塞2秒，直到该JS文件下载并执行完后才继续。 前端性能调优时必须排除 ...