来源:本站日期:2017-7-14
网站的访问速度直接影响到用户对该网站的第一形象,特别是在国内做网站,据调查显示,国内的联网平局速度远远低于全球的平均链接速度,所以如果您的网站访问速度过慢,无论您的网站设计的多么精美,排名做的多靠前,最终还是会流失很多访客。
一、压缩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压缩的知识点太多了,在这里就不多做解释,相信大家上网查找相关资料就可以搞定的。