随笔分类 - 性能
摘要：页面呈现流程 在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解，页面是怎么把html结合css等显示到浏览器上的，下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。 1. 浏览器把获取到的html代码解析成1个Dom树，html中的每个tag都是Dom树中的1个节点，根节点就是我们常用的document对象(<html> tag)。dom树就是我们用firebug或者IE Developer Toolbar等工具看到的html结构，里面包含了所有的html tag，包括display:none隐藏，还有用JS动态添加的元素等。
阅读全文
posted @ 2012-07-10 11:40
瓦尔登湖的秋天
摘要：DynaTrace AJAX是一个运行在IE浏览器下的免费页面性能分析工具，它可以支持主流的IE6、IE7、IE8浏览器。这款工具正是DynaTrace为进入前端性能分析领域而发布的。您可以利用它来分析页面渲染时间、DOM方法执行时间，甚至可以看到JS代码的解析时间。连JQuery的创始者 John Resig 也鼎力推荐了一把。John Resig对其评价到：“我一般不随便写关于性能分析工具的东西，坦率地说，我感觉它们绝大部分都比较烂，根本不能提供任何有价值的信息和分析结果。不过 dynaTrac提供了一些我以前在任何其他工具上都没见过的东西。”Ajax的本事真不是盖的！那么，它到底有啥特别
阅读全文
posted @ 2011-05-24 15:16
瓦尔登湖的秋天
摘要：英文地址：http://developer.yahoo.com/performance/rules.html 我们在前面的几节中分别讲了提高网站性能中内容、服务器、JavaScript和CSS等方面的内容。除此之外，图片和Coockie也是我们网站中几乎不可缺少组成部分，此外随着移动设备的流行，对于移动应用的优化也十分重要。这主要包括： Coockie:减小Cookie体积对于页面内容使用无coockie域名图片：优化图像优化CSS Spirite不要在HTML中缩放图像favicon.ico要小而且可缓存移动应用：保持单个内容小于25K打包组件成复合文本 27、减小Cookie体积 H...
阅读全文
posted @ 2011-05-24 13:58
瓦尔登湖的秋天
摘要：英文地址：http://developer.yahoo.com/performance/rules.html 在第一部分和第二部分中我们分别介绍了改善网站性能中页面内容和服务器的几条守则，除此之外，JavaScript和CSS也是我们页面中经常用到的内容，对它们的优化也提高网站性能的重要方面： CSS：把样式表置于顶部避免使用CSS表达式（Expression）使用外部JavaScript和CSS削减JavaScript和CSS用<link>代替@import避免使用滤镜JavaScript把脚本置于页面底部使用外部JavaScript和CSS削减JavaScript和CSS剔除重
阅读全文
posted @ 2011-05-24 13:56
瓦尔登湖的秋天
摘要：英文地址：http://developer.yahoo.com/performance/rules.html 除了在网站在内容上的改进外，在网站服务器端上也有需要注意和改进的地方，它们包括：使用内容分发网络为文件头指定Expires或Cache-ControlGzip压缩文件内容配置ETag尽早刷新输出缓冲使用GET来完成AJAX请求 11、使用内容分发网络 用户与你网站服务器的接近程度会影响响应时间的长短。把你的网站内容分散到多个、处于不同地域位置的服务器上可以加快下载速度。但是首先我们应该做些什么呢？ 按地域布置网站内容的第一步并不是要尝试重新架构你的网站让他们在分发服务器上正常运行...
阅读全文
posted @ 2011-05-24 13:54
瓦尔登湖的秋天
摘要：英文地址：http://developer.yahoo.com/performance/rules.html Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。 Excetional Performance团队总结出了一系列可以提高网站速度的方法。可以分为7大类34条。包括内容、服务器、cookie、CSS、JavaScript、图片、移动应用等七部分。其中内容部分一共十条建议：一、内容部分尽量减少HTTP请求减少DNS查找..
阅读全文
posted @ 2011-05-24 13:51
瓦尔登湖的秋天
摘要：script标签的阻塞行为会对页面性能产生负面影响，大多数浏览器在下载或执行脚本的同时，会阻塞下载位于它之后的资源，也会阻塞渲染位于它之后的元素。由于浏览器是单线程的，因此脚本在载的时候会阻塞下载其它资源；虽然在现在浏览器已经有所改善，但仍然有待改进。很显然，脚本必须按顺序执行，但没有必要按顺序下载，解决方法：1。内嵌JS通常由于页面大小和缓存能带来更多好处，因此外部文件引入JS更好一些；在少数情况下，比如首页、少量JS情况下尚可接受。2。XHR Eval通过XMLHttpRequest从服务器端获取脚本。主要缺陷是，通过XHR获取的脚本必须部署在和主页面相同的域中。Ajax.get(&quo
阅读全文
posted @ 2011-01-19 14:09
瓦尔登湖的秋天
浙公网安备 33010602011771号