当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 网页减肥提速的9个技巧

HTML/XHTML教程
一些不太常用的XHTML标签用法以及实例
网页中图片的设置涉及的三个问题
商业HTML邮件的制作建议
HTML Marquee 字符片段滚动
DOCTYPE 文档类型声明(网页爱好者必看)
纯HTML标签你熟悉多少?
HTML元素的ID和Name属性的区别
HTML meta的大作用
HTML标签tbody的用法与说明
HTML 特殊字符转换表
HTML基础 HTML的组成结构
HTML基础之HTML内容细则
Shtml 精简教程
浅谈html table 标签
html Frame、Iframe、Frameset 的区别
HTML 网页页面切换的各种变换效果
HTML的10个表格相关标记
让IE8启动IE7兼容模式的代码
HTML 结构化实现方法
xhtml的块级标记小结

HTML/XHTML教程 中的 网页减肥提速的9个技巧


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 54 ::
收藏到网摘: n/a

   对于网站设计师来讲,网站的访问速度甚至比内容还重要。就算网站内容很优秀,但如果访问速度很慢,相信也不会有多少人耐心等待。下面就介绍一些软晨学习网试用过的网站减肥方法,效果还不错,希望在将来设计网站的时候能多多注意以下几项。

      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

在文本框中输入要测试网站的网址ruanchen.com,然后点击Start test按钮就开始对网站速度进行测试。稍等一段时间,可以统计出加载网站的一些详细载入数据。包括整体加载和站内图片以及JavaScript 、CSS等代码载入。可以在右侧列表选择不同文件来同时对比,最多三个对象的加载数据。而且在Loadimpact网站中还可以生成图表显示,方便我们进行分析。通过生成的数据,就会知道自己网站速度的瓶颈在哪里,从而进一步来解决问题。