摘要：
转载地址：http://www.alloyteam.com/2012/10/appcache-facts/ 感谢原作者！Application cache 是 HTML5 中在规范完整性上比较糟糕的特性之一，规范上的不到位导致浏览器厂商在实现上也存在些许差异，而产生本文档的目的即让开发者们知晓那些潜规则，摆脱问题的困惑与束缚，正确的使用离线缓存真正让 Web 加速。Fact：设计 Appcache 的目的虽是能让 Web 应用能在离线的情况的运行而无需要求连接网络，但同时 Appcache 也可在网络在线的情况的使用，如此来减少页面需要加载的资源数量来提速页面，速度上将是一个数量级的提升。Fa 阅读全文
摘要：
转载地址：http://www.alloyteam.com/2012/10/high-performance-front-end-high-performance-javascript/ 感谢原作者！使用事件代理有时候我们会感觉到页面反应迟钝，这是因为DOM树元素中附加了过多的事件句柄并且些事件句病被频繁地触发。这就是为什么说使用事件代理是一种好方法了。如果你在一个div中有10个按钮，你只需要在div上附加一次事件句柄就可以了，而不用去为每一个按钮增加一个句柄。事件冒泡时你可以捕捉到事件并判断出是哪个事件发出的。缓存选择器查询结果选择器查询是开销很大的方法。所以，使用选择器的次数应该越少越好 阅读全文
摘要：
转载地址：http://www.alloyteam.com/2012/10/high-performance-css/ 感谢原作者！避免使用@import有两种方式加载样式文件，一种是link元素，另一种是CSS 2.1加入@import。而在外部的CSS文件中使用@import会使得页面在加载时增加额外的延迟。虽然规则允许在样式中调用@import来导入其它的CSS，但浏览器不能并行下载样式，就会导致页面增添了额外的往返耗时。比如，第一个CSS文件first.css包含了以下内容：@import url(“second.css”)。那么浏览器就必须先把first.css下载、解析和执行后，才 阅读全文
摘要：
转载地址：http://www.alloyteam.com/2012/10/high-performance-html/ 感谢原作者！避免使用IframeIframe也叫内联frame，可以把一个HTML文档嵌入到另一个文档中。使用iframe的好处是被嵌入的文档可以完全独立于其父文档，凭借此特点我们通常可以使浏览器模拟多线程，需要注意的是使用iframe并不会增加同域名下的并行下载数，浏览器对同域名的连接总是共享浏览器级别的连接池，即使是跨窗口或跨标签页，这在所有主流浏览器都是如此。也因为这样这让iframe带来的好处大打折扣。在页面加载过程中iframe元素会阻塞父文档onload事件的触 阅读全文