h5前端开发

JavaScript 性能优化小记

2016-09-12  本文已影响185人  _MChao

加载与运行

数据访问

此处输入图片的描述此处输入图片的描述

Dom 编程

这对性能意味着什么呢?简单说来,两个独立的部分以功能接口连接就会带来性能损耗。一个很形象的比喻是把 DOM 看成一个岛屿,把 JavaScript(ECMAScript)看成另一个岛屿,两者之间以一座收费桥连
接(参见 John Hrvatin,微软,MIX09,http://videos.visitmix.com/MIX09/T53F)。每次 ECMAScript 需要访问DOM时,你需要过桥,交一次“过桥费”。你操作 DOM次数越多,费用就越高。一般的建议是尽量减少过桥次数,努力停留在 ECMAScript 岛上。

算法与流程控制

正如其他编程语言,代码的写法和算法选用影响 JavaScript 的运行时间。与其他编程语言不同的是,JavaScript 可用资源有限,所以优化技术更为重要。

字符串与正则表达式

响应接口

Ajax 异步JavaScript 和 XML

Ajax 是高性能 JavaScript 的基石。它可以通过延迟下载大量资源使页面加载更快。它通过在客户端和服务器之间异步传送数据,避免页面集体加载。它还用于在一次 HTTP 请求中获取整个页面的资源。通过选择正确的传输技术和最有效的数据格式,你可以显著改善用户与网站之间的互动。

编程实践

创建部署

开发和部署过程对基于JavaScript的应用程序可以产生巨大影响,最重要的几个步骤如下:

上一篇下一篇

猜你喜欢

热点阅读