自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 High performance Javascript reading notes 2 – Data Access

• Literal values and local variables can be accessed very quickly, whereas array items and object members take longer. • Local variables are faster to access than out-of-scope variables because they exist in the first variable object of the scope chai

2010-05-31 23:04:00 632

原创 High performance Javascript reading notes 1 - Load JavaScript

•Put all tags at the bottom of the page, just inside of the closing tag. This ensures that the page can be almost completely rendered before script execution begins. - JavaScript downloading an

2010-05-20 22:39:00 727

原创 网站性能比较

Steve Souders曾经写了一些比较网站性能的测试页面,让人感觉非常直观并且印象深刻。最近Show Slow提供另外一种网站性能比较的方式, 它根据的是YSlow和Page Speed的评分来比较。 除去比较,它还能记录某个网页的历史记录,这个非常有意思,可以方便看到页面性能的变化。 Show Slow是一个开源的项目,所以可以很方便的部署在本地,用于监视应用性能的变化。

2010-04-08 10:58:00 945

转载 Browser Performance Wishlist

转自http://www.stevesouders.com/blog/2010/02/15/browser-performance-wishlist/What are the most important changes browsers could make to improve performance?This document is my answer to that

2010-02-24 23:29:00 891

原创 如何正确的加载javascript文件

1) 为什么加载javascript文件很重要? javascript文件是比较特殊的,因为浏览器加载javascript是串行的。以为着在加载Javascript文件的时候,其他一切资源的下载包括页面的显示都会被阻塞。 2) 如何正确的加载JavaScript? a. 将JavaScript文件放在页面的最后 因为JavaScript的加载会阻塞页面的显示,所以将

2010-02-03 21:59:00 2155 2

原创 高性能网站法则 -- 减少资源文件大小

资源文件越小,意味着页面显示时所需要从服务器端下载的内容越少,那么自然可以提高网页显示的速度。有几种方法可以减少资源文件的大小:1)gzip在apache服务器里,可以设置启用gzip。因为绝大多数的浏览器都是能够支持gzip,所以如果资源文件通过gzip压缩,那么网络传输的文件大小将会大大减少。往往启用gzip后可以减少大概70%的文件大小。启用gzip需要注意以下几点:a)

2010-01-05 22:04:00 961

原创 高性能网站法则 -- 资源缓存和版本管理

资源缓存(Cache)是一个非常重要的提高网站性能的方法,它可以让再次访问的用户不用下载已经缓存的资源文件,从而减少从服务器下载的开销提高访问速度。1)配置缓存对于Apache服务器来说,设置缓存配置也是非常方便的。可以使用mod_expires模块,添加如下配置:ExpiresDefault "access plus 1 year"这个表明所有的后缀为gi

2010-01-03 23:45:00 1153

原创 高性能网站法则--减少HTTP请求数

提高网站性能,最为重要的一点就是减少HTTP请求数。 1)为什么? 每个HTTP请求都会有overhead,如下图所示: 这是用HTTPWatch能够看到的一个HTTP请求,通常会包括DNS查找,建立连接,等待服务器响应和文件传输。除去文件传输花费的时间,其他的损耗都是overhead,所以减少HTTP请求就意味减少了不必要的overhead,就可以提高网站访问速度。 2)怎么做?

2009-12-29 23:25:00 1672

原创 Yahoo & Google 网站性能法则

关于Web Performance,Yahoo和Google是这方面领先的两家公司。他们都有着一套关于网站性能的法则。 Yahoo Performance: http://developer.yahoo.com/performance/ Google Performance: http://code.google.com/speed/page-speed/docs/rules_intro.ht

2009-12-26 22:44:00 1018

原创 Web Performance工具 – Dynatrace AJAX Edition

Dynatrace AJAX Edition是我认为最为强大的Web Performance Profile工具。废话不说了,直接上图介绍其主要功能。先用IE访问你需要profile的网站,例如google,可以点击dynatrace工具栏来启动。这时候dynatrace就开始记录这个网站触发的一切事件。 我简单测试一下,点击google map,并且搜索shanghai,然后

2009-12-25 17:59:00 4779 3

原创 Web Performance工具 – YSlow和PageSpeed

YSlow和PageSpeed都是非常好的网页性能分析工具。YSlow是由Yahoo开发维护的,而PageSpeed是Google的产品。两者之间有一定的渊源,因为这两个工具都受到同一个人的影响,这个人就是Steve Souders。他是Web Performance领域的专家,是《High Performance Web Site》和《Even Faster Web Site》的作者,同时也是V

2009-12-24 17:26:00 2256

原创 Web Performance工具 - HTTPWatch

性能分析往往离不开工具,而关于Web性能的分析,这里面最重要的工具非HTTPWatch莫属。HTTPWatch是一个分析网页显示过程中所有页面资源载入的流水图,下图是我访问google所得到的: 通过这个图可以得到页面显示过程中,页面资源载入的过程,包括JavaScript, CSS, 图片各种资源载入的顺序,是否是并行,是否是串行。同时也能看的到各个资源载入的具体情况,是否是

2009-12-22 14:33:00 2477

原创 列个提纲

想写一些关于Web Performance的文章,下面列个提纲,一个个慢慢写。 1. Web Performance工具a) HTTPWatchb) YSlow & PageSpeedc) Dynatrace AJAX Edition 2. 高性能网站法则a) Yahoo! & Google rulesb) 减少HTTP请求数c) 缓存和版本管理d) 让

2009-12-22 13:02:00 815

原创 Performance对商业的影响

大多数应用把功能放在第一位的,这个的确没有问题,没有好的功能又如何能够吸引用户。但是, 性能对于商业应用到底有多少影响呢?其实,对于开发团队来说,功能的实现往往是最重要的,而且功能的实现也往往意味着开发的接近结束。性能往往只是个锦上添花的东西,能够有好的性能自然是皆大欢喜,即便性能不是太好,也能用数据量太大这样的理由来搪塞过去。让我来看看下面

2009-12-21 22:37:00 843

原创 网站性能的重要性

提到performance,第一感觉就是DB,java。 应该performance的问题80%都应该是出现在后台, SQL没有写好,所以导致IO响应很慢,或者java,c#的中间层没写好。这个也是我刚刚接触performance的第一感觉。下面是一张igoogle的页面显示的流水图, 可以用HTTPWatch录到最开始9%是浏览器获得服务器响应并将HTML内容下载完所

2009-12-21 22:25:00 882

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除