You are here
小技巧给网页减肥，让网站提速。
对于网站设计师来讲，网站的访问速度甚至比内容还重要。就算网站内容很优秀，但如果访问速度很慢，相信也不会有多少人耐心等待。下面就介绍一些我试 用过的网站减肥方法，效果还不错，文章插图中的数字就是我博客减肥前后数据对比图，也希望在将来设计网站的时候能多多注意以下几项。
1:使用Gzip压缩文档：Gzip 编码是用来改进网页性能的方法，不仅可以减小存储空间，还可以减少传输所需要的时间。将网站中的文件使用Gzip压缩后，可以显著地增加网页加载速度，同 时也可以降低网站的带宽流量消耗。（使用此方法会加重服务器负担，因为需要修改服务器配置，对于虚拟主机用户来讲不可操作。）
延伸阅读：2:CSS压缩减肥工具 http://www.xland.com.cn/css/geshihuacss.htm
把你的网站CSS代码复制到此框内，点击压缩化，一般都可以对CSS压缩1-5k.我的博客CSS代码缩小了2K。
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来放置计数器。这样，在计数器不能访问的时候，你的网站速度也不会受到丝毫影响。
最后介绍一下我的博客测试速度的网站http://loadimpact.com在 文本框中输入要测试网站的网址lusongsong.com，然后点击Start test按钮就开始对网站速度进行测试。稍等一段时间，可以统计出加载网站的一些详细载入数据。包括整体加载和站内图片以及JavaScript 、CSS等代码载入。可以在右侧列表选择不同文件来同时对比，最多三个对象的加载数据。而且在Loadimpact网站中还可以生成图表显示，方便我们进 行分析。通过生成的数据，就会知道自己网站速度的瓶颈在哪里，从而进一步来解决问题。
相关阅读：
标签：网站优化 性能优化
除非注明，文章均为卢松松原创，转载请注明本文地址：http://lusongsong.com/reed/69.html
- 208楼 yesureadmin 回复该留言Post:2011-7-24 16:09:38
- 208楼 yesureadmin 回复该留言
- 196楼 www.97mysee.cn 回复该留言Post:2011-3-25 23:49:39学习了！！
- 196楼 www.97mysee.cn 回复该留言
- 174楼 第八届中国佟二堡皮草旅游节 回复该留言Post:2010-10-2 11:23:04收藏了，谢谢老卢
- 174楼 第八届中国佟二堡皮草旅游节 回复该留言
- 171楼 OceanThink 回复该留言Post:2010-3-19 1:34:25架构和代码简洁的情况下工具减肥才是王道。
特别是那些不合格的设计师修改别人的模板和代码，结果还搞不清楚哪些CSS文件用到哪些没用到一股脑儿的都加上了，这个是最头疼的。
- 171楼 OceanThink 回复该留言
- 91楼 阿迪达斯adidas 回复该留言Post:2009-6-20 11:49:38好。。。不错。
- 91楼 阿迪达斯adidas 回复该留言
- 评论:(220)
- 隐藏评论
【评论很精彩，有内幕、有真相！】