网页加速之图形处理篇

2016-01-29 18:07 4 1 收藏

网页加速之图形处理篇,网页加速之图形处理篇

【 tulaoshi.com - ASP 】

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

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


尽量把几个可能组合在一起的图片制作成一张图片,这是因为浏览器对网页中的每个图片都会做个别请求,也就是说如果
网页中有5张图片,那么浏览器就会向WEB服务器提出5次请求,这必然会增加服务器的负担,从而使得速度变慢!
在网页中镶入图片的时候,一定注明高度和宽度,如:<img src="http://img.jcwcn.com/attachment/portal/jcwcj/2005-12/10/05121000581442921.gif"" width=100 height=100,如果没有注明,浏
览器在下载完图片以前,将无法确定图片的大小,页面的提交就会延迟,甚至可能重复向WEB服务器提出请求。
选择适当的图片格式,常见的格式为:JPG和GIF,两种图片分别采用不同的方法压缩图片。JPG支持的颜色数量比较多,一
般对于照片或者颜色变化显著的图片用JPG格式,还应该适当的选择压缩比,在基本不损坏效果的同时尽量压缩。GIF最做
支持256种颜色,适合小图片、色彩比较少的图片,对于GIF图片可以在不影响图片效果的同时尽量减少图片的颜色数量。
适当的选择图片的格式,对图片的大小会有不小的影响。可以借助一些图片处理软件来处理。
采用逐步提交方式提交图片,两种图片格式都支持逐步提交格式,图片在逐步提交时,在浏览器收到完整图片信息之前就
开始显示了。这样看起来快一些。GIF保存为交错格式,JPG选择逐步编码来保存。
对于所有图片应该带有文本,用<imgalt标签实现,因为很多朋友为了增加浏览速度关闭了浏览器的图片功能。提供了文
本有助于搞清页面的内容。
最后注意,网页到最后总是以内容来吸引大家的,内容是最重要的!一些没有必要的图片尽量去掉!

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

 

来源:https://www.tulaoshi.com/n/20160129/1504452.html

延伸阅读
标签: Web开发
    设计单个页面,一点一点做就行了,但处理的页面多了,每个页面都一点点的做下去是非常费时费力的,特别是当许多的网页都有共同的元素的时候,这样做更是事半功倍的。对大量网页的进行批处理,这无论是对初学者还是网站编辑,都是很重要的。刚好我的方法特别适合网站的采编人员。 在网页的批处理上,Frontpage和Dreamwe...
标签: windows 操作系统
  硬件优化 1、内存性能优化 Windows XP中有几个选项可以优化内存性能,它们全都在注册表下面位置: HKEY_LOCAL_MACHINESYSTEMCurrentControlSetControlSession ManagerMemory Management 1)禁用内存页面调度(Paging Executive) 在正常情况下,XP会把内存中的片断写入硬盘,我们可以阻止它这样做,让...
标签: Web开发
在网页的设计开发过程中,最重要的莫过于网页的视觉效果,设计人员经常花费大量精力用于调整字体和字号。利用CSS2规范,我们可以在Web页面或应用程序中随意对字体进行调整。本文将深入探讨字体大小,并介绍在网页和网页应用程序中调整字体的最佳方法。 如何调整字号 CSS2规范是以字体长度来定义字号的,长度数字越大,字体的水平和垂...
CGfxOutBarCtrl之BUG篇 作者: 李晓飞 下载本文源代码 我是一位VC++的初学者,算起来时间还不到四个月,但是我几乎每天都会光临VC知识库网站,我是位界面发烧友,对网站上的新控件都是一一不舍的感觉。VC知识库网站近日刊登的一个仿OutLook的界面类CGfxOutBarCtrl我下载后发现了一些问题,觉得这些小问题有...
标签: Web开发
    1.  将彻底屏蔽鼠标右键     oncontextmenu="window.event.returnValue=false"table border oncontextmenu=return(false)tdno/table 可用于Table     2.取消选取、防止复制     body onselectstart="return false"     3. 不准粘贴   &nbs...

经验教程

749

收藏

77
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部