手把手教您如何提高网页打开速度?

  • 作者:未知
  • 来源:开源中国
  • 2018-05-16 16:15:49

用户最满意的打开网页时间是2-5秒,如果等待超过10秒,99%的用户会关闭这个网页。什么原因会导致网站打开慢,网站速度慢的原因是什么?如何提高网页打开速度,别急,小编将一一道来。提高网页打开速度的方法有多,主要分成技术层面...

用户最满意的打开网页时间是2-5秒,如果等待超过10秒,99%的用户会关闭这个网页。什么原因会导致网站打开慢,网站速度慢的原因是什么?如何提高网页打开速度,别急,小编将一一道来。提高网页打开速度的方法有多,主要分成技术层面角度和空间角度。

从技术层面的角度

002UASMrzy7605pjKJv15&690.jpg

1、减少HTTP请求数

用户在打开一个网页的时候,后台程序响应用户所需的时间并不多,用户等待的时间主要花费在下载网页元素上了,即HTML、CSS、JavaScript、Flash、图片等,统计显示,每增加一个元素,网页载入的时间就增加25-40毫秒(取决于用户的带宽情况)。

方法有3种:

1)减少不必要的HTTP请求,例如用CSS圆角代替圆角图片,减少图片的使用。

2)合并文件,对于文本文件,可以直接合并内容。例如将多个JS(JavaScript的简称)文件合并成一个,将多个CSS文件合并成一个。

3)优化缓存,对于没有变化的网页元素(如页头、页尾等),用户再次访问的时候没有必要重新下载,直接从浏览器缓存里读取就可以了。

2、删除FLASH页面或减少FLASH使用

如果没有特殊需要和目的尽量不用FLASH,特别对于要做SEO的网站,无论对网站打开速度还是用户体验、和搜索引擎的抓取来说都没有好处,如果确定要使用FLASH页面,建议在页面显示位置放跳过按钮,为迫不及待想进网站潜在客户提供进入网站的快速通道。

3、压缩网页元素

网页中的每个元素越小,下载所需的时间就越少,现在比较成熟和流程的压缩网页的方式,是通过Gzip。

4、样式表放在网页Head部分

把样式表(CSS文件)移到网页的Head部分,可以提高页面的加载速度,让页面元素顺序显示。

5、把JS文件放到网页底部

网页打开时,所有元素是顺序显示的。由于JS文件会加载的很慢,在JS文件下载完成之前,其他后面元素的顺序显示将被阻塞,因此把JS文件尽量放在底部,意味着内容能被快速显示。

6、将统计代码放在页面底部

将统计代码放在底部的好处在于,如代码出现不能正常用访部,不会因而拖延整个网站的打开速度

7、把样式表和JS脚本放到外部文件中

尽管将样式表和JS脚本直接写入网页HTML中,可以减少外部文件调用数量,但是,这样做会增加网页的文件大小。综合来看,将样式表和JS脚本放到外部文件中,也许用户首次访问时会有点慢,但是后续在访问网站时,用户直接通过浏览器缓存就可以用,从而达到减少HTTP请求数的目的,为最优的做法。

8、缩小图片所空间

减少图片数,去除不必要的图片,缩小图片尺寸,或将图片的品质降低,都可减少图片所点空间。使用恰当的格式:使用JPG、GIF、或是PNG格式。

9、优化CSS

CSS叠层样式表让网页加载起来更高效,浏览体验也得到提高。但有时我们在写CSS的时候会使用了一些比较罗嗦的语句,比如这句:

margin-top: 10px;

margin-right: 20px;

margin-bottom: 10px;

margin-left: 20px;

你可以将它简化为:

margin: 10px 20px 10px 20px;

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

10、多使用静态页面

有些内容可以静态化就将其静态页面,以减少服务器的负担。

11、网址后加斜杠

有些网址,比如"http://www.ahzww.net/0/98",当服务器收到这样一个地址请求的时候,它需要花费时间去确定地址的文件类型。如果service是一个目录,不妨在网址后多加一个斜杠,让其变成http://www.ahzww.net/0/98//,这样服务器就能清楚知道要访问该目录下的index或default文件,节省加载时间。

12、标明图片的高度和宽度

如下图片代码:

<img height="200" width="75" src= uploadfiles/images/smcpassmall.jpg alt=" image" />

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

在网站速度慢的原因,如何提高网页打开速度时经常被忽视的一个问题是响应。对于用户来说,每次的操作,不管返回结果是慢,还是快,都要及时予以响应,如果当用户点击打开一张图片时需要很长时间时,请用进度条,就是一个典型的响应设计。

 

从空间角度

网站打开速度慢从空间角度有三方面原因:

1、虚拟主机带宽

一个虚拟主机的一般来说虚拟主机基本可以忽略带宽,带宽太小了,懂的人都不会去问虚拟主机你能保证多少带宽。这就是为什么虚拟主机不适合放下载,图片,电影,视频之类的站点,他们都比较占用带宽资源,虚拟主机根本不能满足。假如你的网站放在一台服务器上超过太多站点,而且那些你站点都是下载类大图片、电影、或视频类网站,说明你的网站被分去带宽就相录少,那么你的网站就会很卡了,算是超载了,这样情况下请直接换掉虚拟主机。

2、机房线路线

你们虚机是单电信线路,网通访问的会慢,单网通的话,电信线路会访问的慢, 解决办法就是用双线路互联或多线路互联的机房(简称BGP),或者增加带宽。

3、网站流量过大,升级主机带宽
如果网站的速度如果是长期都那么不给力的话,可能是网站流量过大,那么请将虚拟主机换主机,并建议尽早升级主机的带宽,不要因为网站的访问速度越来越不给力,而使得网站无访问量,到那个时候就说明网站真的完蛋了。

免责声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,也不承认相关法律责任。如果您发现本社区中有涉嫌抄袭的内容,请发送邮件至:operations@xinnet.com进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。

免费咨询获取折扣