INFORMATION

感知未来设计领域新趋势
只为完成想要的,哪怕艰辛一次。

缩短网页加载时间十大方法

Time:2014-12-17

过长的加载时间更容易造成用户直接关闭网页,很多网站就是这样流失了许多的流量!关键字的排名与网页的打开速度也有关系,主要体现搜索引擎对用户体验度上,用户体验度好,排名当然相对高。因此,提高网页的打开速度大有必要。下面提供十种提高网站访问速度缩短网页加载时间的方法。

方法一:减少页面HTTP请求数量

就是要减少调用其他页面、文件的数量。

1、使用css格式控制的时候,通常采用background载入很多图形文件,每个background的图像至少产生1HTTP请求,一般我们为了让页面生动活泼会大量使用background来加载背景图。其实可以采用css1个有用的background-position属性来加载背景图,将需要频繁加载的多个图片合成为1个单独的图片,需要加载时,采用以下形式加载即可将这部分图片加载的HTTP请求缩减为1个。

2、采用Image maps,只是限于同1个区域使用。

3、使用Inline images,对于很小很简单的图像很实用的。

方法二:使用CDN(Content Delivery Network)网络加速

就是将图片、视频扩散到CDN网络所能到达之处,让用户访问时能就近下载到这些文件,从而达到网络提速的目的,同时也能减轻自身网站的负载。

方法三:添加文件过期或缓存头

对于同一用户频繁访问的图片、Js脚本文件等可以在ApacheNginx设置其缓冲时间,例如设置24小时过期时间,这样用户在访问过该页面之后再次访问时,同一组图片或JS不会再重复下载,从而减少了HTTP请求,用户访问速度明显有 所提升,同时服务器负载也会下降。

方法四:服务器开启gzip压缩

将需要传输的内容压缩后传输到客户端再解压,这样在网络上传输的数据量会大幅减小。通常在服务器上的ApacheNginx可以直接开启这个设置,也可以从代码角度直接设置传输文件头,增加gzip的设置,也可以从负载均衡设备直接设置。但是这个设置可能会略微增加服务器的负担。

方法五:css格式定义放置在文件头部

这项设置针对用户端是慢速网络或网页内容比较庞大的情况比较有效,可以在网页逐步呈现的同时仍会保持格式信息,而且又不影响网页美感。

方法六:Javascript脚本放在文件末尾

很多Javascript脚本执行效率低下,甚至有的第3方域名脚本出现意外无法载入,而且如果将这些脚本放置到页面比较靠前的位置,可能会导致我们自己网站的内容载入速度下降甚至无法正常加载,所以一般将这些脚本放置在网页文件末尾,一定要放 置在前面的脚本要改用所谓的“后载入”方式加载,在主体网页加载完成后再加载,防止其影响到主体网页的加载速度。

方法七:避免使用CSS脚本(CSS Expressions)

有时为了要css的参数动态改变,可能会采用css expression来实现,会使用户端浏览器负担明显加重,如果需要改变,这样做得不偿失。可以使用Javascript脚本去实现。

方法八:cssjavascript改由外部调用

如果cssjs内容比较庞大,尽量不要写到同1个页面中去,改由外部载入比较妥当,因为浏览器本身会对cssjs文件进行缓存。

方法九:压缩JavascriptCSS代码

一般jscss文件中存在大量的空格、换行、注释,这些利于阅读,如果能够压缩掉,将会很有利于网络传输。这方面的工具也有很多,一般可以保留开发版本,利用工具生成生产版本,2个文件比较,一般压缩率能达到50%以上,减少的数据量还是比较可观的。

方法十:Ajax采用缓存调用

这个的使用可以参照Discuz论坛代码,里面对于大量使用的Ajax调用都采用了缓存调用方式,一般采用附加特征参数方式实现。注意特征参数,这个参数不变化就使用缓存文件,如果发生变化则重新下载新文件或更新信息。


标签:上海网站建设上海网站制作网站制作公司

注:转载本文请注明出处http://www.ocean-ad.cn澳煦互动

热门资讯

Copyright © 2007-2024 澳煦互动 Ocean Network ALL RIGHTS RESERVED.