摘要:
<script language="javascript">document.body.oncopy = function () {setTimeout( function () { var text = clipboardData.getData("text");... 阅读全文
摘要:
DynaTrace AJAX是一个运行在IE浏览器下的免费页面性能分析工具,它可以支持主流的IE6、IE7、IE8浏览器。这款工具正是DynaTrace为进入前端性能分析领域而发布的。您可以利用它来分析页面渲染时间、DOM方法执行时间,甚至可以看到JS代码的解析时间。连JQuery的创始者 John Resig 也鼎力推荐了一把。 John Resig对其评价到:“我一般不随便写关于性能分析工具的东西,坦率地说,我感觉它们绝大部分都比较烂,根本不能提供任何有价值的信息和分析结果。不过 dynaTrac提供了一些我以前在任何其他工具上都没见过的东西。” Ajax的本事真不是盖的!那么,它到底有啥 阅读全文
摘要:
英文地址:http://developer.yahoo.com/performance/rules.html 我们在前面的几节中分别讲了提高网站性能中内容、服务器、JavaScript和CSS等方面的内容。除此之外,图片和Coockie也是我们网站中几乎不可缺少组成部分,此外随着移动设备的流行,对于移动应用的优化也十分重要。这主要包括: Coockie: 减小Cookie体积对于页面内容使用无coockie域名 图片: 优化图像优化CSS Spirite不要在HTML中缩放图像favicon.ico要小而且可缓存 移动应用: 保持单个内容小于25K打包组件成复合文本 27、减小Cooki... 阅读全文
摘要:
英文地址:http://developer.yahoo.com/performance/rules.html 在第一部分和第二部分中我们分别介绍了改善网站性能中页面内容和服务器的几条守则,除此之外,JavaScript和CSS也是我们页面中经常用到的内容,对它们的优化也提高网站性能的重要方面: CSS: 把样式表置于顶部避免使用CSS表达式(Expression)使用外部JavaScript和CSS削减JavaScript和CSS用<link>代替@import避免使用滤镜 JavaScript 把脚本置于页面底部使用外部JavaScript和CSS削减JavaScript和CSS 阅读全文
摘要:
英文地址:http://developer.yahoo.com/performance/rules.html Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。 Excetional Performance团队总结出了一系列可以提高网站速度的方法。可以分为7大类34条。包括内容、服务器、cookie、CSS、JavaScript、图片、移动应用等七部分。 其中内容部分一共十条建议: 一、内容部分 尽量减少HTTP请求减少DN.. 阅读全文
摘要:
英文地址:http://developer.yahoo.com/performance/rules.html 除了在网站在内容上的改进外,在网站服务器端上也有需要注意和改进的地方,它们包括: 使用内容分发网络为文件头指定Expires或Cache-ControlGzip压缩文件内容配置ETag尽早刷新输出缓冲使用GET来完成AJAX请求 11、使用内容分发网络 用户与你网站服务器的接近程度会影响响应时间的长短。把你的网站内容分散到多个、处于不同地域位置的服务器上可以加快下载速度。但是首先我们应该做些什么呢? 按地域布置网站内容的第一步并不是要尝试重新架构你的网站让他们在分发服务器上... 阅读全文
摘要:
YSlow是Yahoo开发的一个用于测试分析网站优化的Firefox工具插 件,使用时您必须先安装有Firefox。YSlow针对网站速度体验上的优化,将其总结为13条,分别用F到A的指标来对你的网站速度做出评价并给出数 据,F代表最差,A代表最好。我们可以通过分析得到的数据对自己的网站和服务器做相应的优化。这只是一样评测分析,改进还是要靠自己,这里要谈的就是实实在在的如何针对每一条进行优化: 1. Make fewer HTTP requests ( 减少Http请求数)一个网页不可避免的要引入大量的外部文件:Javascript、css、背景图片……由于Http协议的无状态性,用户的每一. 阅读全文