日期:2013-08-17 浏览次数:20920 次
对于网站设计师来讲,网站的访问速度甚至比内容还重要。就算网站内容很优秀,但如果访问速度很慢,置信也不会有多少人耐心等待。下面就引见一些爱易网任务室试用过的网站减肥方法,效果还不错,希望在将来设计网站的时候能多多留意以下几项。
1:使用Gzip紧缩文档:Gzip编码是用来改进网页功用的方法,不只可以减小存储空间,还可以减少传输所需求的时间。将网站中的文件使用Gzip紧缩后,可以明显地添加网页加载速度,同时也可以降低网站的带宽流量耗费。(使用此方法会加重服务器负担,由于需求修正服务器配置,对于虚拟主机用户来讲不可操作。)
2:CSS紧缩减肥工具 http://www.xland.com.cn/css/geshihuacss.htm
把你的网站CSS代码复制到此框内,点击紧缩化,普通都可以对CSS紧缩1-5k。
3:给JavaScript文件减肥:这个方法不同于Gzip紧缩功用,缩小JavaScript文档有很多方法,在这里推荐使用JS在线减肥网站:http://javascriptcompressor.com/
4:将款式表文件放在外部调用:把页面中需求用到的JavaScript 和CSS款式表文件放在另外的文件夹中,这样一来在打开网站其他页面时就会缓存这些调用的文件,从而加快网站页面的加载速度。
5:网站图片尽量使用GIF格式。GIF格式图片占用空间小,例如我的爱易网任务室的插图,JPG格式的图片普通在10-50K之间,而GIF格式图片普通都是10K以下。
6:尽量不要在首页调用太大的FLASH文件和视频文件。
7:避免使用网页重定向:无论是通过服务器端重定向还是通过JavaScript代码进行内容重定向,网站都会首先加载一个空白的页面,然后再定向到另外的页面,这样不只延伸了页面的加载时间,还很有可能导致无法跳转,让用户面对一个“空白”页面。
8:把统计代码放到网站的最下面:不要和页面内容同在一个Table或者div标签里。可以在页面代码的最下方直接放置统计代码,或者在最下方单独做一个Table或者div来放置计数器。这样,在计数器不能访问的时候,你的网站速度也不会遭到丝毫影响。
9.网站测试速度的网站http://loadimpact.com
在文本框中输入要测试网站的网址Aiyiweb.Com,然后点击Start test按钮就开始对网站速度进行测试。稍等一段时间,可以统计出加载网站的一些详细载入数据。包括全体加载和站内图片以及JavaScript 、CSS等代码载入。可以在右侧列表选择不同文件来同时对比,最多三个对象的加载数据。而且在Loadimpact网站中还可以生成图表显示,方便我们进行分析。通过生成的数据,就会知道本人网站速度的瓶颈在哪里,从而进一步来处理问题。