性能优化：如何更快速加载你的JavaScript页面
确保代码尽量简洁
如果你关注用户，用户因互联网连接速度慢而没有离开你的网页，这是一个非常好的做法。易用性和用户放在首位，JavaScript放在末位。这也许 很痛苦，但是你应该有所准备，有些用户会禁用JavaScript。可以在头部分放置需要装入的一些JavaScript，但是前提是它以异步方式装入。
异步装入跟踪代码
这一点非常重要。我们大多数人使用谷歌分析工具（Google Analytics）来获得统计数据。这很好。现在看一下你把你的跟踪代码放在哪里。是放在头部分？还是说它使用document.write？然后，如 果你没有使用谷歌分析工具异步跟踪代码，那也只能怪你自己。
这就是谷歌分析工具异步跟踪代码的样子。我们必须承认，它使用DOM，而不是使用document.write，这可能更适合你。它可以在网页装入 之前检测到其中一些事件，这非常重要。现在想一想这种情况，你的网页甚至还没有装入，所有用户都关闭了网页。已找到了解决页面浏览量错失的办法。
Ajax请求对你网站的性能有重大影响。下面我介绍关于Ajax优化的几个要点。
缓存你的ajax
先看一下你的代码。你的ajax可以缓存吗？是的，它依赖数据，但是你的ajax请求大多应该可以缓存。在jQuery中，你的请求在默认情况下已被缓存，不包括script和jsonp数据类型。
针对Ajax请求使用GET
POST类型请求要发送两个TCP数据包（先发送标题，然后发送数据）。GET类型请求只需要发送一个数据包（这可能取决于你的cookie数量）。所以，当你的URL长度不到2K，你又想请求一些数据时，不妨使用GET。
使用ySlow
说到性能，ySlow既简单，又极其有效。它可以对你的网站进行评分，显示哪些方面需要改正，以及应关注哪些方面。
另外支一招：把你的JavaScript打包成PNG文件
设想一下：把你的JS和CSS添加到图片的末尾，然后用CSS来裁切，通过一次HTTP请求来获得应用程序中所需的所有信息。
我最近找到了这个方法。它基本上把你的JavaScript/css数据打包成PNG文件。之后，你可以拆包，只要使用画布API的 getImageData()。此外，它非常高效。你可以在不缩小数据的情况下，多压缩35%左右。而且是无损压缩！我得指出，对比较庞大的脚本来说，在 图片指向画布、读取像素的过程中，你会觉得有“一段”装入时间。
原文：http://www.1stwebdesigner.com/design/load-JavaScript-faster/
