文档介绍：一个网页的结构的好坏,对网页的加载速度有着很大的影响!
、关于框架结构一般情况下,应尽量避免使用框架结构,因为浏览器必须对框架中的每个页面分别进行请求!这必然会增加服务器的负担。另外,现在还有少数用户使用的浏览器并不支持框架结构显示。当然在一些地方,框架结构还是显得非常方便,比如:聊天室、论坛、社区、软件下载。
、关于表格表格的应用不仅仅限于,在一些内容列表的时候时候,对于网页的整个布局,表格有着非常重要的作用。为了能使大量的内容在网页上布置的井井有条,一般通过没有边框的来将网页分块,然后将不同的内容放在不同的单元格中。表格的使用是有一些技巧的:首先,尽量避免使用结构复杂的表格,因为结构复杂的表格,有可能使浏览器多次刷新表格。其次,能将一个表格分为两个或两个以上的时候尽量分为两个,因为浏览器只有在整个表格的内容全部读入以后再输出显示,如果表格中的内容非常的多,那么在加载过程中,浏览器在表格读入完毕以前将一直显示空白。最后,表格嵌套不要超过 3 层,层次太多的话在加载表格的时候会使浏览器花大量的时候处理表格结构。新浪网的首页页面就是很好的例子,大家可以保存它在编辑软件打开查看其结构。熟练的使用表格是作出美观的网页所必须的!
网页加速之图形处理篇
在维护网站的过程用,可能遇到过这样的情况:辛辛苦苦做出来的页面,但图片过多,网页结构、表格结构复杂,程序冗长,使得加载速度很慢!网页总是不能完全的展现在浏览者面前。
以下我将自己在网页减肥方面的一些经验介绍给大家,希望大家都来讨论,说说自己的观点!
有关图片:尽量把几个可能组合在一起的图片制作成一张图片,这是因为浏览器对网页中的每个图片都会做个别请求,也就是说如果网页中有 5 张图片,那么浏览器就会向 WEB 服务器提出 5 次请求,这必然会增加服务器的负担,从而使得速度变慢!
在网页中镶入图片的时候,一定注明高度和宽度,如: <img src="" width=100 height=100> ,如果没有注明,浏览器在下载完图片以前,将无法确定图片的大小,页面的提交就会延迟,甚至可能重复向 WEB 服务器提出请求。
选择适当的图片格式,常见的格式为: JPG 和 GIF ,两种图片分别采用不同的方法压缩图片。 JPG 支持的颜色数量比较多,一
般对于照片或者颜色变化显著的图片用 JPG 格式,还应该适当的选择压缩比,在基本不损坏效果的同时尽量压缩。 GIF 最做支持256 种颜色,适合小图片、色彩比较少的图片,对于 GIF 图片可以在不影响图片效果的同时尽量减少图片的颜色数量。适当的选择图片的格式,对图片的大小会有不小的影响。可以借助一些图片处理软件来处理。采用逐步提交方式提交图片,两种图片格式都支持逐步提交格式,图片在逐步提交时,在浏览器收到完整图片信息之前就开始显示了。这样看起来快一些。 GIF 保存为交错格式, JPG 选择逐步编码来保存。
对于所有图片应该带有文本,用<img>alt 标签实现,因为很多朋友为了增加浏览速度关闭了浏览器的图片功能。提供了文
本有助于搞清页面的内容。最后注意,网页到最后总是以内容来吸引大家的,内容是最重要的!一些没有必要的图片尽量去掉!
网页加速处理- 页面减肥与减化
HTML 语言怎样可以“减肥”呢?因为在 HTML 语言里本来是