当前位置:网站首页 >> 汽车

提高网页打开速度的一些小技巧7z

时间:2019-07-12 23:48:19 来源:互联网 阅读:0次

互联带宽越来越宽,似乎让页的加载速度得到了质的飞跃。其实不然,因为随着带宽的提高,页上的对象也越来越多,因此加快页打开速度还是一个重要的课题。加快页的打开速度,有三个路径,一是提高络带宽,二是用户在本机做优化,三是站设计者对页做一定的优化。这篇文章站在一个站设计者的角度,分享一些优化页加载速度的小技巧。

一、优化图片

几乎没有那个页上是没有图片的。如果你经历过56K猫的年代,你一定不会很喜欢有大量图片的站。因为加载那样一个页会花费大量的时间。

即使在现在,络带宽有了很多的提高,56K猫逐渐淡出,优化图片以加快页速度还是很有必要的。

优化图片包括减少图片数、降低图像质量、使用恰当的格式。

1、减少图片数:去除不必要的图片。

2、降低图像质量:如抑郁症治疗助走出人生低谷果不是很必要,尝试降低图像的质量,尤其是jpg格式,降低5%的质量看起来变化不是很大,但文件大小的变化是比较大的。

3、使用恰当的格式:请参阅下一点。

因此,在上传图片之前,你需要对图片进行,如果你觉得photoshop太麻烦,可以试试一些图片工具。懒得而又想图片有特殊的效果?可以试试用过调用javascript来实现图片。

二、图像格式的选择

一般在页上使用的图片格式有三种,jpg、png、gif。三种格式的具体技术指标不是这篇文章探讨的内容,我们只需要知道在什么时候应该使用什么格式,以减少页的加载时间。

1、JPG:一般用于展示风景、人物、艺术照的摄影作品。有时也用在电脑截屏上。

2、GIF:提供的颜色较少,可用在一些对颜色要求不高的地方,比如站logo、按钮、表情等等。当然,gif的一个重要的应用是动画图片。就像用Lunapic制作的倒映图片。

3、PNG:PNG格式能提供透明背景,是一种专为页展示而发明的图片格式。一般用于需要背景透明显示或对图像质量要求较高的页上。

三、优化CSS

CSS叠层样式表让页加载起来更高效,浏览体验也得到提高。有了CSS,表格布局的方式可以退休了。

但有时我们在写CSS的时候会使用了一些比较罗嗦的语句,比如这句:

以下为引用的内容:margin-top: 10px;margin-right: 20px;margin-bottom: 10px;margin-left: 20px;

你可以将它简化为:

margin: 10px 20px 10px 20px;

又或者这句:

顽固性失眠治疗医院以下为引用的内容:p class=decoratedA paragraph of decorated text/pp class=decoratedSecond paragraph/pp class=decoratedThird paragraph/pp class=decoratedForth paragraph/p

可以用div来包含:

以下为引用的内容:div class=decoratedpA paragraph of decorated text/ppSecond paragraph/ppThird paragraph/ppForth paragraph/p/div

简化CSS能去除冗余的属性,提高运行效率。如果你写好CSS后懒得去做简化,你可以使用一些的简化CSS工具,比如CleanCSS。

四、址后加斜杠

有些址,比如,当服务器收到这样一个地址请求的时候,它需要花费时间去确定这个地址的文件类型。如果220是一个目录,不妨在址后多加一个斜杠,让其变成,这样服务器就能一目了然地知道要访问该目录下的index或default文件,从而节省了加载时间。

五、标明高度和宽度

这点很重要,但很多人由于懒惰或其它原因,总是将其忽视。当你在页上添加图片或表格时,你应该指定它们的高度和宽度,也就是height和width参数。如果浏览器没有找到这两个参数,它需要一边下载图片一边计算大小,如果图片很多,浏览器需要不断地调整页面。这不但影响速度,也影响浏览体验。

下面是一个比较友好的图片代码:

img id=moon height=200 width=450 src= alt=moon image /

当浏览器知道了高度和宽度参数后,即使图片暂时无法显示,页面上也会腾出图片的空位,然后继续加载后面的内容。从而加载时间快了,浏览体验也更好了。

六、减少http请求

当浏览者打开某个页,浏览器会发出很多对象请求(图像、脚本等等),视乎络延时情况,每个对象加载都会有所延迟。如果页上对象很多,这可以需要花费大量的时间。

因此,要为http请求减负。如何减负?

1、去除一些不必要的对象。

2、将临近的两张图片合成一张。

3、合并CSS

看看下面这段代码,需要加载三个CSS:

以下为引用的内容:link rel=stylesheet type=text/css href=/s /link rel=styleshee年轻人血压高办t type=text/css href=/s /link rel=stylesheet type=text/css href=/s /

我们可以将其合成一个:

link rel=stylesheet type=text/css href=/s /

从而减少http请求。

七、其它小技巧(译者添加)

1、去除不必要加载项。

2、如果在页上嵌入了其它站的widget,如果有选择余地,一定要选择速度快的。

3、尽量用图片代替flash,这对SEO也有好处。

莱芜癫痫病医院4、有些内容可以静态化就将其静态化,以减少服务器的负担。

5、统计代码放在页尾。

注:相关站建设技巧阅读请移步到建站教程频道。

品牌网站建设
微信小程序定制平台
微信微店

相关文章

一周热门

热点排行

热门精选

友情链接: 德宏有哪些中医免疫内科医院 德宏有哪些五官科医院 常德妇科内分泌医院哪家好 德宏有哪些重症监护室医院 常德小儿营养保健科医院哪家好 常德口腔粘膜科医院哪家好 怒江有哪些男科医院 怒江有哪些老年病科医院 怒江有哪些肝病科医院 怒江有哪些普通内科医院 常德口腔科医院哪家好 怒江有哪些小儿心内科医院 怒江有哪些小儿外科医院 张家界心血管医院哪家好 怒江有哪些计划生育科医院 张家界心血管外科医院哪家好 张家界功能神经外科医院哪家好 永州有哪些皮肤性病医院 文昌有哪些小儿呼吸科医院 文昌有哪些小儿消化科医院 昆玉有哪些眼整形医院 榆林心胸外科医院哪家好 苏州有哪些二丙医院 南通有哪些二丙医院 萍乡小儿心内科医院哪家好 萍乡小儿胸外科医院哪家好 大同有哪些妇产科医院 淮安有哪些一甲医院 大同有哪些皮肤性病医院 大同有哪些传染病科医院 扬州有哪些一级医院 萍乡颌面外科医院哪家好 鄂州有哪些三丙医院 新余整形科医院哪家好 长治有哪些妇科内分泌医院 晋城有哪些其他内科医院 南充有哪些一甲医院 秦皇岛有哪些二丙医院 乌兰察布有哪些三丙医院 锡林郭勒盟有哪些其他医院 阿拉善盟有哪些二级医院 泉州有哪些一丙医院 漳州有哪些一级医院 阳泉有哪些三级医院 运城有哪些三甲医院 西安有哪些一甲医院 桂林有哪些三乙医院 百色有哪些三丙医院 百色有哪些二甲医院 贺州有哪些一甲医院 海南肝病科医院哪家好 海南麻醉科医院哪家好 韶关医学影像科医院哪家好 深圳肿瘤内科医院哪家好 深圳产科医院哪家好 佛山医学影像学医院哪家好 佛山免疫科医院哪家好 佛山康复科医院哪家好 江门内分泌外科医院哪家好 湛江妇产科医院哪家好 湛江中医免疫内科医院哪家好 中山五官科医院哪家好 潮州胸外科医院哪家好 潮州口腔急诊科医院哪家好 揭阳老年病科医院哪家好 云浮儿科医院哪家好 连云港小儿耳鼻喉医院哪家好 连云港头颈外科医院哪家好 连云港心脏科医院哪家好 连云港肝炎医院哪家好 湖州肛肠科医院哪家好 仙桃超声科医院哪家好 潜江内分泌科医院哪家好 潜江老年病科医院哪家好 潜江中医感染内科医院哪家好 潜江心理咨询科医院哪家好 神农架其他内科医院哪家好 神农架高压氧科医院哪家好 潮州中医内分泌医院哪家好 揭阳血管外科医院哪家好 小孩经常流鼻血是怎么回事 儿童口臭是什么原因 儿童口舌生疮 小孩老是流鼻血 孩子咽喉肿痛 小孩中暑的症状 小孩眼屎多是什么原因 小孩大便干 宝宝尿黄怎么回事 小孩为什么流鼻血 小儿口臭 三岁宝宝口臭是什么原因 婴儿有眼屎 3岁宝宝口臭怎么消除
媒体合作:

Copyright (c) 2011 八零CMS 版权所有 备案号:京ICP0000001号

网站地图