提高网站访问速度的九种方法

我们之前已经讲过了网站访问速度的重要性,那么,怎样才能提高网站的访问速度呢?

一、减少HTTP请求数

用户在打开一个网页的时候,后台程序响应用户需求所用的时间并不多,用户等待的时间主要都花费在下载网页元素上了,即HTML、CSS、 JavaScript、 Flash、图片,等等。

据统计,每增加1个元素,网页载入的平均时间就增加40毫秒。

可以使用以下方法来减少HTTP请求数:

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

2、合并文件。多个JS文件合并成一个,多个CSS文件合并成一个,图片使用样式表贴图定位(CSS sprites)将多个图片拼成一张大图配合图像区块显示使用。

3、优化缓存,对于没有变化的网页元素,可通过增加Expries Header告诉浏览器一个元素的缓存时间长度,设定Etags帮助缓存中元素与服务器端元素匹配。

二、使用CDN内容分发网络

用户与你网站服务器的接近程度会影响响应时间的长短,把网站内容分散到多个、处于不同地域位置的服务器上可以加快下载速度。

内容分发网络(CDN)是由一系列分散到各个不同地理位置上的Web服务器组成的,它根据和用户在网络上的靠近程度来指定某合服务器响应用户的请求。

三、压缩网页元素

每个元素越小,下载所需的时间就越少。通过Gzip,一般可以将文本内容减少70%左右,还有一些图片工具可以压缩网页中的图片大小,使网站的访问速度变快。

四、把样式表放在网页的HEAD部分

把样式表(CSS)移到网页的HEAD部分可以提高界面加载速度,因此这使得页面元素可以顺序显示。

五、把脚本文件放在网页底部

在脚本文件(JS)下载完毕之前,其后面元素的顺序显示将被阻塞,因此把脚本尽量放在底部意味着更多内容能被快速显示。脚本引起的第二个问题是它阻塞并行下载数量,HTTP/1.1规范建议浏览器在每个域名下的并行下载数不超过2个,因此当脚本文件下载时,只剩下一个下载配额可以下载其他网页元素。

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

将样式表和脚本直接写入到网页HTML中,可以减少文件数量,从而减少HTTP请求数,但是,这样做也增加了网页的大小。

综合来看,将样式表和脚本放到外部文件中,在首次浏览之后通过缓存来减少HTP请求数,是更优的做法。

七、减少DNS查询次数

当我们在浏览器中输入一个域名的时候,浏览器首先要查询DNS(域名解析系统, Domain Name System),根据DNS返回的域名与IP的对应关系来确定要向哪个IP发送HTIP请求。

一般一次域名解析需要20~120毫秒。减少域名的使用可以有效减少DNS解析所花费的时间,但是由于每个域名有并行下载数的限制, 我们建议使用2~4个域名以获取DNS解析时间与并行下载数的平衡。

八、缓存Ajax

Ajax同样也是可以被缓存的,优化缓存、压缩网页元素、减少DNS查询次数等规则同样适用于Ajax。

九、用户操作的及时响应

在提升速度时经常被忽视的一个问题是响应。对于用户的操作,不管返回结果的绝对速度是快还是慢,都要及时响应。



文章来源:云梁网络https://www.yunliangwang.com,转载请注明出处。