网页加速之图形处理篇经验技巧

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

以后的几篇文章野猫将自己在网页减肥方面的一些经验介绍给大家 , 希望大家都来讨论 , 说说自己的观点!
尽量把几个可能组合在一起的图片制作成一张图片 , 这是因为浏览器对网页中的每个图片都会做个别请求 , 也就是说如果网页中有5张图片 , 那么浏览器就会向WEB服务器提出5次请求 , 这必然会增加服务器的负担 , 从而使得速度变慢! 在网页中镶入图片的时候 , 一定注明高度和宽度 , 如:

网页加速之图形处理篇经验技巧

文章插图
,  如果没有注明 , 浏览器在下载完图片以前 , 将无法确定图片的大小 , 页面的提交就会延迟 , 甚至可能重复向WEB服务器提出请求 。
【网页加速之图形处理篇经验技巧】选择适当的图片格式 , 常见的格式为:JPG和GIF , 两种图片分别采用不同的方法压缩图片 。JPG支持的颜色数量比较多 , 一般对于照片或者颜色变化显著的图片用JPG格式 , 还应该适当的选择压缩比 , 在基本不损坏效果的同时尽量压缩 。GIF最做支持256种颜色 , 适合小图片、色彩比较少的图片 , 对于GIF图片可以在不影响图片效果的同时尽量减少图片的颜色数量 。
适当的选择图片的格式 , 对图片的大小会有不小的影响 。可以借助一些图片处理软件来处理 。
采用逐步提交方式提交图片 , 两种图片格式都支持逐步提交格式 , 图片在逐步提交时 , 在浏览器收到完整图片信息之前就开始显示了 。这样看起来快一些 。GIF保存为交错格式 , JPG选择逐步编码来保存 。对于所有图片应该带有文本 , 用
alt标签实现 , 因为很多朋友为了增加浏览速度关闭了浏览器的图片功能 。提供了文本有助于搞清页面的内容 。
最后注意 , 网页到最后总是以内容来吸引大家的 , 内容是最重要的!一些没有必要的图片尽量去掉!

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

    推荐阅读