月度归档:2010年08月

网页加速有什么解决办法?

这几天正愁远行设计公司新版内测网站打开速度慢(测试地址:http://cnn9154.chinaw3.com/zh-cn/),上网一查发现有一篇文章挺实用的,也比较容易理解,在此跟大家一起分享下……

 

网页加速之图形处理篇

    在维护网站的过程用,可能遇到过这样的情况:辛辛苦苦做出来的页面,但图片过多,网页结构、表格结构复杂,程序冗长,使得加载速度很慢!网页总是不能完全的展现在浏览者面前。

以后的几篇文章将网页减肥方面的一些经验介绍给大家,希望大家都来讨论,说说自己的观点!

1、合并图片

尽量把几个可能组合在一起的图片制作成一张图片,这是因为浏览器对网页中的每个图片都会做个别请求,也就是说如果网页中有5张图片,那么浏览器就会向WEB服务器提出5次请求,这必然会增加服务器的负担,从而使得速度变慢!当然大图片除外。

2、指定宽高

在网页中镶入图片的时候,一定注明高度和宽度,如:<IMG SRC="TEST.GIF" WIDTH=100 HEIGHT=100>,如果没有注明,浏览器在下载完图片以前,将无法确定图片的大小,页面的提交就会延迟,甚至可能重复向WEB服务器提出请求。

3、选择图片格式

选择适当的图片格式,常见的格式为:JPG和GIF,两种图片分别采用不同的方法压缩图片。JPG支持的颜色数量比较多,一般对于照片或者颜色变化显著的图片用JPG格式,还应该适当的选择压缩比,在基本不损坏效果的前提下尽量压缩。GIF最多支持256种颜色,适合小图片、色彩比较少的图片,对于GIF图片可以在不影响图片效果的前提下尽量减少图片的颜色数量。适当的选择图片的格式,对图片的大小会有不小的影响。可以借助一些图片处理软件。

4、图片处理

应该采用逐步提交方式提交图片,GIF和JPG两种图片格式都支持逐步提交格式,图片在逐步提交时,在浏览器收到完整图片信息之前就开始显示了。这样看起来快一些。GIF保存为交错格式,JPG选择逐步编码来保存。

5、替换文字

对于所有图片应该带有文本,用<IMG>ALT标签实现,因为很多朋友为了增加浏览速度关闭了浏览器的图片功能。提供了文本有助于搞清页面的内容。

最后注意,网页到最后总是以内容来吸引大家的,内容是最重要的!所以,请尽量将一些没有必要的图片去掉!

今天到这里,下次将和大家讨论一下网页和表格的结构对速度的影响!


网页加速之网页结构篇

一个网页的结构的好坏,对网页的加载速度有着很大的影响!

1、关于框架结构

    一般情况下,应尽量避免使用框架结构,因为浏览器必须对框架中的每个页面分别进行请求!这必然会增加服务器的负担。另外,现在还有少数用户使用的浏览器并不支持框架结构显示。 当然在一些地方,框架结构还是显得非常方便,比如:聊天室、论坛、社区、软件下载。

2、关于表格

    表格的应用不仅仅限于,在一些内容列表的时候时候,对于网页的整个布局,表格有着非常重要的作用。为了能使大量的内容在网页上布置的井井有条,一般通过没有边框的来将网页分块,然后将不同的内容放在不同的单元格中。表格的使用是有一些技巧的:首先,尽量避免使用结构复杂的表格,因为结构复杂的表格,有可能使浏览器多次刷新表格。其次,能将一个表格分为两个或两个以上的时候应该分为两个,因为浏览器只有在整个表格的内容全部读入以后再输出显示,如果表格中的内容非常的多,那么在加载过程中,浏览器在表格读入完毕以前将一直显示空白。最后,表格嵌套不要超过3层,层次太多的话在加载表格的时候会使浏览器花大量的时候处理表格结构.

新浪网的首页页面时候很好的例子,大家可以保存它有编辑软件打开查看其结构。 熟练的使用表格是作出美观的网页所必须的!


网页加速之网页减肥篇

为完成页面减肥就要先说说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、程序减肥法
  这就是页面减肥的较高的境界了,大家看能看到,页面里有很多的代码是想同的,这些样同的东西如果可以减下来可
就不得了了,怎样做到呢?

常用的几个ping中心和引用通告发送器服务地址

最近几天在慢慢研究百度最新推出的《百度搜索引擎优化指南V1.0》关于行走已经在上一篇文章中给各位朋友提供了下载地址:http://www.yuxianghong.com/post/seo_3876.html,有兴趣的可以一起研究探讨下。

看到百度面向广大站长推出的站长工具时,又学习了一个新的名词——ping中心和引用通告发送器。原文引用如下:“ping是针对BLOG内容的提交方式,实时通知搜索引擎blog上有新内容产生。目前主流的博客程序都支持ping,您只需要将百度的ping服务地址http://ping.baidu.com/ping/RPC加入博客后台并开启ping功能即可。”刚开始不明白什么意思,后来请教群里的高手才明白,意思就是说添加这样一个地址在博客后台,就相当于主动告诉百度我的博客有更新,快来抓取我吧。

那么对于ZB博客程序怎么具体操作呢?首先我们在后台找到插件管理,找到ping中心和引用通告发送器。激活之后进入管理界面添加百度ping服务地址进去提交就OK了。

下面搜集了常用的几个ping服务地址跟大家一起分享:

http://rpc.pingomatic.com/
http://blogsearch.google.com/ping/RPC2
http://ping.baidu.com/ping/RPC2
http://www.feedsky.com/api/RPC2
http://blog.iask.com/RPC2
http://blog.yodao.com/ping/RPC2
http://www.blogdigger.com/RPC2
http://www.zhuaxia.com/rpc/server.php
http://www.xianguo.com/xmlrpc/ping.php
http://ping.feedburner.com/