北大青鸟中博
在线报名  |   南京软件开发校区  |   南京软件测试校区  |   中博社区  |   中博博客  |   中博IT教育网  |  
    
                 
徐州北大青鸟高中、中专、职高生就业解决方案 在职、转行、待业人员就业方案 北大青鸟中博校区环境 徐州中博大学生就业方案 校区周边环境
您的位置:首页 - 编程技巧   

网页加速之图形处理篇
作者:徐州中博 出处:徐州中博(百度空间) 时间:2008-07-26
在维护网站的过程用,可能遇到过这样的情况:辛辛苦苦做出来的页面,但图片过多,网页结构、表格结构复杂,程序冗长,使得加载速度很慢!网页总是不能完全的展现在浏览者面前。

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

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标签实现,因为很多朋友为了增加浏览速度关闭了浏览器的图片功能。提供了文本有助于搞清页面的内容。

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

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

>>更多新闻
 
在线咨询  
黄老师 陆老师
孙老师   值班老师
中心简介
校区简介
校区环境
关于北大青鸟
特色优势
常见问题解答
 
 
ACCP软件工程师课程
什么是ACCP
ACCP5.0课程介绍
各课程定位与特色
各阶段课程
教学模式
ACCP5.0课程体系
ACCP认证证书
 
北大青鸟全国免费服务电话:400-887-5191(我要就业)     苏ICP备08102142号
徐州(软件开发)校区地址:徐州市解放南路181号北大青鸟中博(六中对面)  咨询电话:0516-85628888  中博徐州(软件开发)校区  中博徐州(软件开发)校区
南京(软件开发)校区地址:南京市白下区建邺路66号3层 (张府园地铁3号出口)          咨询电话:025-84200066  北大青鸟中博南京(软件开发)校区  北大青鸟中博南京(软件开发)校区
南京(软件测试)校区地址:南京市中山南路89号江苏文化大厦22F 咨询电话:025-86977000  北大青鸟中博南京(软件测试)校区  北大青鸟中博南京(软件测试)校区