位置: 首页 / 技术文档 / HTML,ASP,JSP,PHP
网站的访问速度直接影响到用户对该网站的第一形象,特别是在国内做网站,据调查显示,国内的联网平局速度远远低于全球的平均链接速度,所以如果您的网站访问速度过慢,无论您的网站设计的多么精美,排名做的多靠前,最终还是会流失很多访客,笔者认为网站的访问速度在网站运营中是最重要的,因为网站的访问速度不仅涉及到普通访问的用户体验,而且对搜索引擎优化也有很大的影响,关于网站访问速度对网站的好处我就不在这里啰嗦了,因为咱是来和大家讨论关于如何提升网站访问速度的。
一、压缩HTML文件
对于大流量的网站来说,HTML文件是最需要压缩的,经过笔者的试验,文件大小差别在1~2KB就够很明显的提高整个网站的承载能力的,像微软和谷歌的首页也是压缩过的,大家上去翻一下他们的HTML源代码就知道了,还有以前的HAO123、265等导航站也是将HTML压缩过的,在这里笔者推荐一个工具 (HTML Compress) 进行HTML压缩,这个软件的压缩步骤很简单,安装之后打开要压缩的HTML文件,然后按F9就压缩完成了,记得先备份好哦,如果您对HTML非常熟悉的话,笔者建议您手工用记事本打开去压缩。
二、合理利用AJAX做延时加载
说到AJAX,笔者对它是又爱又恨,爱他的地方它能很好的通过异步模式与服务器端做交互,还能实现以前在AJAX流行之前无法实现的一些功能,恨他的地方,就是用AJAX加载出来的东西,搜索引擎识别不了,从它的全称就能看的出来了(Asynchronous JavaScript and XML) 大家都知道JavaScript是搜索引擎识别不了的,不过有时候如果出于速度的考虑,可以适当的利用AJAX做延时加载,目前很多网站采用延时加载,比如淘宝、凡客诚品,或者类似凡客诚品的一些B2C网站。
三、合理安排CSS和JavaScript
站长朋友们打开QQ、Sohu等门户网站的时候,发现他们的首页都是将CSS直接嵌入在HTML里面的,这样做的好处就是减少HTTP请求的链接数量,如果您的网站首页内容很多,访问量也很大,笔者建议采用这个方法。还有笔者建议您将CSS文件和JavaScript文件进行压缩,CSS压缩软件我推荐用(TopStyle),JavaScript压缩可以上一些在线压缩的网站进行压缩,百度一下一大把的网站可以压缩。如果您的网站使用多个CSS/JS文件,笔者建议大家考虑将他们合并成在一个文件中,以减少请求的数量。
四、压缩图片大小
说到图片压缩,是笔者最爱干的一件事了,笔者是一个典型的完美主义者,每次做HTML布局排版的时候,都会对每一个图片都进行压缩,哪怕是1KB的差距我都会再三斟酌选用哪种方案,因此时常拖延项目进度而遭到经理的责怪,在这里建议大家优化图片用Adobe公司的Fireworks软件进行优化,用Firework打开要优化的图片按快捷键F6就会出现优化面板,如果您是JPG格式的图片一般优化在80~90%左右就OK了,压缩成80~90%肉眼看不怎么明显的,别小看就10%~20%的优化,压缩后的图片大小和压缩前的图片大小是有很大差距的,笔者的网站每张图片都经过压缩处理的,大家可以下载一下Fireworks安装一下,并做个试验,对比一下就知道了。
五、使用GZIP压缩组件
目前大多数浏览器都支持服务器端GZIP压缩过的内容,将HTML/CSS/JS等文件GZIP压缩后发送到浏览器,一是可以减少存储空间,二是通过网络传输文件时可以减少传输的时间,关于GZIP压缩的知识点太多了,在这里就不多做解释,相信大家上网查找相关资料就可以搞定的。
六、在URL结尾添加斜线
在做链接的时候,随时记得在URL的末尾加上(/),这将减少服务器的开销,因为如果斜线不存在的话,服务器需要重新映射URL或者是301 HTTP重定向,这一点我相信很多朋友都没怎么注意过,但是根据笔者的测试确实能提高一些性能。
七、始终使用Favicon.ico
现在打开很多网站都会在地址栏前面显示一个小图标,这个图标就是传说中的Favicon.ico,如果您在HTML页面中没有显示申明Favicon.ico的路径,大多数浏览器会去读取网站根目录下面的Favicon.ico文件,而如果您的根目录又没有Favicon.ico这个文件,那么就会返回一个404的状态码,大家可以用(httpwatch professional)做个实验就一目了然。如果您实在不打算做这个小图标,那么可以在您网站的根目录放置一个空的favicon.ico文件。
今天就写这么多了,希望大家踊跃评论,如果大家对这方面感兴趣,过段时间有空接着写其他关于提升速度的方法。
类别:HTML,ASP,JSP,PHP 来源:互联网 作者:hpping 日期:2011-04-01 03:19
上一条:让您的网站支持WIN7的JumpList和IE9的Pinned Sites
下一条:HTML5定稿了,为什么原生App世界将被颠覆