登陆

20点提高网站访问速度缩短网页加载时间!

城南二哥 2019-09-03 718人围观 ,发现0个评论

网友上网都不喜欢用太多的时间等候网页的翻开,等候的越长,用户可能会直接关闭网页,这样就会损失很多流量!其次,关键字的排名与网页的翻开速度也有关系,这个主要表现搜索引擎对用户体验度上,用户体验度好,排名相对其它网站就好些。因而我觉得我们有必要去进步网页的翻开速度,这个不需求太多的本钱投入,只需求平常多留意一些小技巧就行了!下面给出20种办法帮你进步网站访问速度缩短网页加载时间。

1、减少页面HTTP央求数量

比较直接的了解就是要减少调用其他页面、文件的数量。

A.我们在运用css格式控制的时分,经常会采用background载入很多图形文件,每个background的图像至少产生1次HTTP央求,普通我们为了让页面生动生动会大量运用background来加载背景图,要改善这个状况,能够采用css的1个有用的background-position属性来加载背景图,我们将需求频繁加载的多个图片合成为1个单独的图片,需求加载时,采用以下方式加载即可将这部分图片加载的HTTP央求缩减为1个。

B.采用Image maps,这个办法也比较常用,只是限于同1个区域运用。

C.Inline images,这个办法很少见到,但关于很小很简单的图像却是很适用的,相关语法规范参照:tools.ietf.org/html/rfc2397。

2、运用CDN(Content Delivery Network)网络加速

往常国内做CDN加速业务的公司很多,简单讲,就是将你的图片、视频扩散到CDN网络所能抵达之处,让用户访问时能就近下载到这些文件,从而抵达网络提速的目的,这样做,同时能减轻你自己网站的负载。

3、添加文件过时或缓存头

关于同一用户频繁访问的图片、Js脚本文件等能够在Apache或Nginx设置其缓冲 时间,例如设置24小时过时时间,这样用户在访问过该页面之后再次访问时,同一组图片或JS不会再重复下载,从而减少了HTTP央求,用户访问速度明显有 所提升,同时效劳器负载也会降落。下面给出nginx配置中缓存控制的例子:

4、效劳器开启gzip紧缩

这个大家都比较了解,行将需求传输的内容紧缩后传输到客户端再解压,这样在网络上传输的 数据量会大幅减小。通常在效劳器上的Apache、Nginx能够直接开启这个设置,也能够从代码角度直接设置传输文件头,增加gzip的设置,也能够从 负载均衡设备直接设置。不过需求留意的是,这个设置会稍微增加效劳器的担负。

5、css格式定义放置在文件头部

这项设置关于用户端是慢速网络或网页内容比较庞大的状况比较有利,能够在网页逐步呈现的同时仍会坚持格式信息,不影响网页美感。

6、Javascript脚本放在文件末尾

很多Javascript脚本执行效率低下,或者有的第3方域名脚本呈现不测无法载入, 假如将这些脚本放置到页面比较靠前的位置,可能会招致我们自己网站的内容载入速度降落以至无法正常加载,所以普通将这些脚本放置在网页文件末尾,一定要放 置在前面的脚本要改用所谓的“后载入”方式加载,在主体网页加载完成后再加载,避免其影响到主体网页的加载速度。

7、避免运用CSS脚本(CSS Expressions)

有时为了要css的参数动态改动,可能会采用css expression来完成,但这样做得不偿失,会运用户端阅读器担负明显加重,所以不倡议这样做,假如需求改动,能够运用Javascript脚本去完成。

8、css、javascript改由外部调用

假如css、js内容比较庞大,尽量不要写到同1个页面中去,改由外部载入比较妥当,由于阅读器自身会对css、js文件中止缓存。

9、紧缩Javascript、CSS代码

普通js、css文件中存在大量的空格、换行、注释,这些利于阅读,假如能够紧缩掉,将会很有利于网络传输。这方面的工具也有很多,普通能够保管开发版本,应用工具生成消费版本,2个文件比较,普通紧缩率能抵达50%以上,减少的数据量还是比较可观的。

我这个博客刚改版完成,各种代码还没有中止优化和紧缩,目前yslow评级只能抵达D,等有时间中止部分优化,抵达C等级应该问题不大。

10、避免采用301、302转向

11、养成良好的开发维护习气,尽量避免脚本重复调用

12、配置ETags

13、Ajax采用缓存调用

这个的运用能够参照Discuz论坛代码,里面关于大量运用的Ajax调用都采用了缓存 调用方式,普通采用附加特征参数方式完成,留意其中的

就是特征参数,这个参数不变化就运用缓存文件,假如发作变化则重新下载新文件或更新信 息。

14、合理运用Flush

用户端发送阅读央求后,效劳器端普通要花销200-500ms去处置这些央求,在此期间,用户端阅读器处于等候状态,假如要减少用户等候时间,能够在恰当的位置运用flush,将曾经就绪的内容推送到用户端,这在php中很容易完成例如:

15、Ajax调用尽量采用GET办法调用

实践运用XMLHttpRequest时,假如运用POST办法完成,会发作2次HTTP央求,而运用GET办法只会发作1次HTTP央求。假如改用GET办法,HTTP央求减少50%!

16、尽可能减少DCOM元素

这个很好了解,就是尽可能减少网页中各种<>元素数量,例如

的冗余很严重,而我们完整能够用取代之。

17、运用多域名负载网页内的多个文件、图片

记得有资料阐明,IE在网页载入过程中,在同1时辰,对同1域名并行加的HTTP央求数 量高为2个,假如网页需求加载的文件数量超越2个(通常远远超越..),要加快网页访问速度,好将文件散布到多个域名,例如19楼,其js文件采用独 立的域名,听说百度的图片效劳器数量在20台以上。

18、缩减iframe的运用,如无必要,尽量不要运用

iframe通常用于不同域名内容的加载,这同时也可能因iframe内容加载速度影响到主网页加载速度,假如可能,把需求加载的内容抓取到本地直接嵌入。假照真实需求iframe加载,采用后载入方式完成。

19、优化图片文件

优化图片文件,减小其尺寸,特别是缩略图,一定要按尺寸生成缩略图然后调用,不要在网页中用resize办法完成,固然这样看到的图片外形笑了,但是其加载的数据量一点也没减少。曾经见过有人在网页中加载的缩略图,其真实尺寸有10M之巨…

普通图像、icon也要尽可能紧缩后,能够采用web图像保管、减少颜色数等等办法完成。

20、当页面内容庞大到一定水平,能够采用分页的方式展示,或者taobao的那种翻页后载入方式。

AASDFWETGD
请发表您的评论
请关注微信公众号
微信二维码
Powered By Z-BlogPHP