• ----:)欢迎访问源码网(:----
    • 首页
    • 博客
    • 学院
    • 下载
    • 论坛
    • 影视
    • 发布源码
    • RSS
    • ITPig
    • 笑话网
    • 百家姓
    • 繁體中文

源码网 - 中国第一源码门户
选择镜像:网通镜像 - 电信主站
  • 首 页
  • 新闻动态
  • 网站运营
  • 网页制作
  • WEB开发
  • 编程开发
  • 图像媒体
  • 操作系统
  • 数据库
  • 服务器
热门搜索 优化 SEO 故事 cms IIS7 MySQL 个人 AdSense 主题推广 | 文章搜索: 高级搜索
会员登录/控制面版您的位置: 学院首页 >> 网页制作 >> 技巧点滴 >> 详细内容
 

推荐文章

 
 

热点文章

  • 快速为你的网站添加奥运气息
  • 环绕广告的画中画实现方法
  • DIV+CSS网页布局对SEO有的影响
  • 页面评分:用YSlow分析我们页面(完整版)
  • 网页加速系列(三)、 网页加速之网页减肥
  • [图]49个创意404错误页面
  • IE浏览器下同一网页多图片显示的瓶颈与优化
  • 网页加速系列(一): 网页加速之图形处理篇
  • 网页加速系列(二): 网页加速之网页结构篇
  • Web 前端优化最佳实践之内容篇
  • Web 前端优化最佳实践之 Server 篇
  • 博客维权的手段–技术篇
 
 

相关文章

  • 网页加速系列(二): 网页加速之网页结构篇
  • 网页加速系列(一): 网页加速之图形处理篇
 
 

百度搜索

 
 

网页加速系列(三)、 网页加速之网页减肥

  • 阅览次数:
  • 文章来源: http://blog.licess.cn/read.php/51.htm
  • 原文作者:
  • 整理日期: 2008-07-09
  • 发表评论
  • 字体大小:
  • 小
  • 中
  • 大

为完成页面减肥就要先说说HTML语言了,它是一种解释性的脚本语言,更多请参见(http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/dhtml.asp,英文),那怎样可以“减肥”呢,因为在HTML语言里本来是不用换行,不用大量的空格的,但各种用编辑器写出来的HTML为了便于作者查看程序所以都用上了很多的空格和和换行,好像FP2000这个软件会产生相当多的空格使你网页的内空变得很大。还有一些可以减去的内容就是人为的了,比如你把多个HTML的属性用到一个对像上,而这些属性里有重复的,也会使你的页面变肥了。而一些可以产生同要效果的不同定义也会产生了大量的无用代码。下面看一下具体的减肥方法:

1、软件压缩法
最容易的方法就是软件压缩法,用一些专门对HTML减肥的软件来对HTML页面减肥,这个方法很容易且很有效,但对于比如人为造成的冗余HTML代码就不能减了,只能减掉多余的空格和tab。

2、设计减肥法
这个方法也很容易的,在这里只讲一部分,更多的要自己积累,方法就是在设计网页时,特别是用一个软件来设计网页时你要用一种良好的操作习惯和正确的方法使你编写出来的页面量优化。例如当你有文字或图片在表格里时需要居中,那么使用单元格居中就会比使用文字居中产生的代码少;例如页面里所有的文字都是小字的时候用CSS的方法来定义文字会比一部份一部份的去写义文字少产生很多的代码;再例如要
给一个表格里的一行定义相同的色彩,那么使用行定义(TR)就会比使用单元格定义色彩产生的代码少;又例如如果你页面里大多数的链接都是要新开一个窗口,那么你把该页面的默认(base)设为开新窗口,这样又会减少很多的开新窗口的定义。类似的代码也是如此。

3、程序减肥法
这就是页面减肥的较高的境界了,大家看能看到,页面里有很多的代码是想同的,这些样同的东西如果可以减下来可
就不得了了,怎样做到呢?用程序了,因为现在的网页都可以使用一种程序语言JAVASCRIPT这种程序是插入HTML里面完成
一些动态的东西,那么我们的减肥就用它了,比如做链接的HTML如下:
<TD ALIGN=MIDDLE WIDTH=110><A HREF="HTTP://www.qianxun.com">千寻</A></TD>
<TD ALIGN=MIDDLE WIDTH=110><A HREF="HTTP://HDQS.126.COM">红豆情思</A></TD>
<TD ALIGN=MIDDLE WIDTH=110><A HREF="HTTP://STONETIME.126.COM">STONE时间</A></TD>
<TD ALIGN=MIDDLE WIDTH=110><A HREF="HTTP://XIAOKUEN.ON.NET.CN">恋爱花园</A></TD>
<TD ALIGN=MIDDLE WIDTH=110><A HREF="HTTP://LILICAI.YEAH.NET">味道</A></TD>
<TD ALIGN=MIDDLE WIDTH=110><A HREF="HTTP://BROY.126.COM">风花</A></TD>
内容不少了,但有不少的东西是一样的,那么我们就用程序来动态的生成这些东西程序如下:
<SCRIPT>
FUNCTION LK(URL,TXT){
DOCUMENT.WRITE("<TD ALIGN=MIDDLE WIDTH=110><A HREF="+URL+">"+TXT+"</A></TD>")
}
LK("RONGWW.YEAH.NET","<FONT COLOR=RED>榕儿的家")
LK("HDQS.126.COM","红豆情思")
LK("STONETIME.126.COM","STONE时间")
LK("XIAOKUEN.ON.NET.CN","恋爱花园")
LK("LILICAI.YEAH.NET","味道")
LK("BROY.126.COM","风花")
</SCRIPT>
这样以来,内容就会减少一些,但如果好像上面的链接有很多很多,这段代码就可以大量的为你减肥了,而且增加了页面的可维护性,这个程序只是一个例子,也许它不合你所需,但这就是我告诉你的方法,你可以自已设计所需的程序,使页面更快更好(比如我的页面上的年月日下拉框就是dw("<option value="+i+">"+i+"</option>"),大大减少了页面网络流量)。另一种用程序减肥的方法就是合里的使用.JS程序,.JS的使用不当会使页面速度下降,但如果合理的使用,自己本地的.JS就另有工效了。通过它可以把不同网页里相同的代码用一个.JS文件保存,使
页面的容量减少,同时还便于以后的页面修改。

上一篇:PHP使用zlib扩展实现页面GZIP压缩输出
下一篇:构建支持Master/Slave读写分离的数据库操作类
  • 网友评论:
  • 查看所有评论
  • 我要发表评论
您的网名:
留言主题:
你要发表的内容:

 

关于本站 | 广告联系 | 版权声明 | 网站地图 | 发布软件 | 帮助中心 | 源码论坛

Copyright © 2005-2007 CodePub.Com  程序支持:木翼  滇ICP备05005971号