深圳易捷网络科技财税咨询网-neatmaster518.com 返回首页

如何有效减少网页加载时间

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2024/12/22

网友上网都不喜欢用太多的时间等待网页的打开,等待的越长,用户可能会直接关闭网页,这样就会损失很多流量!其次,关键字的排名与网页的打开速度也有关系,这个主要体现搜索引擎对用户体验度上,用户体验度好,排名相对其它网站就好些。因此我觉得我们有必要去提高网页的打开速度,这个不需要太多的成本投入,只需要平时多注意一些小技巧就行了!下面给出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之巨…

相关行业资讯

1、网站前期推广优化布局要注意什么
2、怎么去分辨网站建设公司的可靠性
3、在打算建设网站时怎么挑选合作对象
4、分析网站数据要综合进行
5、网站建设的SEO布局的注意点
6、一步步成为神一样的竞价员
7、易捷网络做响应式网站建设
8、 对网站不传递权重的五种情况
9、什么是企业邮箱及常见问题
10、网站图片应该如何优化呢
11、企业网站优化的操作方案与策略
12、百度快速排名技术是如何实现排名前三的
13、原创内容怎么写
14、网络营销发展的速度让企业何堪
15、搜索引擎优化常用指令
16、手机微信网站制作需要注意哪些问题
17、公司网站建设需要考虑哪些问题
18、三亚网站建设如何缓解用户的审美疲劳
19、如何冷静跳出竞价推广的低谷
20、seo优化通常分那几步来进行
21、企业网站制作高质量外链时应注意哪些事项
22、怎去寻找一家深圳龙岗网站建设公司呢
23、企业网站如何竞争过B2B大型站
24、新站优化注重哪些细节才会有效呢
25、网站定制给我们带来什么
26、网站建设怎样设计出才符合用户体验的网站
27、搜索引擎的用户体验算法
28、2014百度从新定义了原创的重要性
29、从用户角度出发做网页设计,会更精准更有价值
30、网站建设的意义
31、常见的网站设计工具有哪些?
32、地方网站运营专题
33、企业应该怎么更新网站
34、你是否关注过网站的忠诚用户
35、建设网站对企业来说有什么用处
36、站长分析:百度网页搜索的互联网生态项目
37、网站建如何做出高转化的网站
38、网站建设时如何选择服务器
39、为什么做网站前最好提供一个参考网站
40、做关键词优化之前,先了解关键词快照类型
41、网站优化需要注意的八大细节
42、企业网站建设优化怎样给用户留下好印象
43、网站运营中是内容为皇还是外链为皇呢
44、易捷网络教你如何制作一个网站
45、企业网站的建立有什么好处
46、深圳高端网站建设中必须注意的六大关键点
47、网站外链VS网站内容:到底谁更重要些
48、选择一个好的域名会使企业网站锦上添花
49、SEO优化角度选择一款优质的美国主机
50、近期百度将对虚假“官网”进行降权处理
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号