sorryle’s blog

things i like

当用户打开你的网站的时候,服务器就要处理一些HTTP请求,加载网页中的每个元素(比如图片,script代码)都要花费时间,如果元素非常多的话,加到一起,可能需要花费几秒钟的时间。
减少HTTP请求的第一步就是要减少网页中的元素,去掉不必要的图片,header项,style值等。如果相连的2个图片可以合并的话,就尽量减少图片元素个数。
其次尽量将加载的外部文件和代码合并到一个文件中,比如将几个CSS文件,
阅读全文

这一条很重要,以前包括我在内的很多人都忽视了它。在网页中使用图片或者表格的时候,最好加上width和height标签。如果没有的话,服务器就需要分析图片的大小,然后才会加载网页的其他部分。下面是一个实例代码:

加上width和height标签之后,服务器马上就会获知图片的大小,在网页中留出相应的位置,然后同时加载网页的其他部分。除了速度有一定优化之外,这样的设计还会有良好的用户体验,不会因为加载图片产生网页错位影响到用户的阅读。
阅读全文

当服务器在处理”http://www.domain.com/about”这样链接的时候,会分析它所代表的含义,要花费一些处理时间。如果在这个地址后面加一个斜线”/” - “http://www.domain.com/about/”,这样服务器马上就会知道它是指向一个文件夹,节省了网页加载的时间。
虽然这样的改进不会大大提升服务器的反应速度,但是确实也有一点效果,不能因为善小而不为,注重各个细节,相信网站整体的速度一定会有质的提高。
阅读全文

网站速度优化系列的这一篇,我们来谈谈CSS文件的优化。使用CSS文件不仅在网站设计的时候提高效率,在用户浏览的时候也可以加快显示的速度,因为.css文件是缓存到本地的磁盘上,这样每打开一个页面就就不用重新下载css文件。CSS+DIV是现在网站设计的主流,它的效率比以前使用的table标签高很多,现在我们还可以进一步对其进行优化,使网站更加简洁快速。
首先,尽量将分开的代码紧凑的放在一起。比如:
阅读全文

在网站速度优化系列的第一篇,我们讨论了怎样优化图片,来缩小图片大小,加快网页显示速度。除此之外,选择正确的图片格式也很重要。应该尽量使用GIF,PNG,和JPEG格式的图片文件。下面是这三种格式的简单描述:
JPEG:它是Joint Photographic Experts Group的缩写。这种格式的图片主要用于摄影照片和艺术作品,它支持的颜色比较多,质量比较高。注意,如果要压缩JPEG图片,最好使用50%的压缩比例。
阅读全文

5 Google Adsense Secrets, Tips and Tricks
1. Blend your ads. Adsense color and font size
2. Placing ads high on a page is good
阅读全文

众所周知,网站加载时间的快慢是用户体验的关键。在56k猫的年代,为了打开一个页面,人们往往会等上半分钟,但是现在的情况却已经大不一样了。市场调查显示,如果一个网站在4秒钟之内打不开的话,用户就会放弃等待,不再浏览这个网站。
“网站速度优化”系列的第一篇,我们来谈谈图片的优化。一般情况下图片都会比较大,拖累了网站的加载速度。Photoshop等图片处理软件都有一个“保存web文件”功能,可以适当降低显示质量来减小图片大小。记住一定要使用这个功能,它可以大大缩减网页的加载时间。
阅读全文