摘要： 这是一篇原创翻译文章。原文地址。我们会经常使用iframes来加载第三方的内容、广告或者插件。使用iframe是因为他可以和主页面并行加载，不会阻塞主页面。当然使用iframe也是有利有弊的：Steve Souders在他的blog里面有阐述：Using Iframes Sparingly:iframe会阻塞主页面的onload事件主页面和iframe共享同一个连接池阻塞主页面的onload是这两个问题中最影响性能的方面。一般都是想让onload时间越早触发越好，一方面是用户体验过更重要的是google给网站的加载速度的打分：用户可以用IE和FF中Google工具栏来计时。那么为了提高页面性能 阅读全文

摘要： Grid—A—Licious是一个非常棒的响应时布局jQ插件，使用这个插件，你在布局页面的时候就不需要针对不同浏览器的屏幕尺寸写宽度，它会自动根据不同设备自适应宽度。其实这个插件是可以创建瀑布流的页面的哦~~如何使用首先新需要引入 jQuery （这里推荐新浪的jQuery库）框架和 Grid-A-Licious 插件。布置item：演示演示....任意个div测试内容...初始化：链接演示：Grid-A-Licious http://suprb.com/apps/gridalicious/ 阅读全文

摘要： 页面的加载与渲染顺序：1.一个页面的加载顺序是从上到下顺序加载的，并且加载与渲染同时进行。2.引用外部js文件时，当在加载过程中遇到标签时，浏览器会向服务器发送一个reques并等待该request的返回。 因为浏览器需要1个稳定的DOM树结构，而JS中很有可能有代码直接改变了DOM树结构，比如使用document.write 或 appendChild,甚至是直接使用的location.href进行跳转，浏览器为了防止出现JS修改DOM树，需要重新构建DOM树的情况，所以加载js就会阻塞其后内容的下载和呈现。3.使用嵌入式js时，会阻塞所有内容的呈现。4.当在加载过程中遇到标签时... 阅读全文