20点提高网站访问速度缩短网页加载时间!
稿源:51CTO
网友上网都不喜欢用太多的时间等待网页的打开,等待的越长,用户可能会直接关闭网页,这样就会损失很多流量!其次,关键字的排名与网页的打开速度也有关系,这个主要体现搜索引擎对用户体验度上,用户体验度好,排名相对其它网站就好些。因此我觉得我们有必要去提高网页的打开速度,这个不需要太多的成本投入,只需要平时多注意一些小技巧就行了!下面给出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的那种翻页后载入方式。
有好的文章希望站长之家帮助分享推广,猛戳这里
本网页浏览已超过3分钟,点击关闭或灰色背景,即可回到网页笔者之前曾经给大家说过,如何给网站提高网站访问速度,今天我们关注的话题,还是这方面,如何提高网站的访问速度,如果是WORDPRESS怎么样给网站加快速度呢?
下面我们通过各个方面来告诉大家,如何给网站提高访问速度,让网站飞一样快。
1:我们可以使用GZIP压缩网页来提高网站速度,因为GZIP是压缩网页,然后到了网站访客浏览器上在解压,所以因为压缩下载网页缓存,所以速度快很多。
2:如果是美国空间或者海外空间,因为速度非常慢,然后又不想备案,那么想提高网站访问速度,就必须使用CDN免费加速了,市面免费加速网站非常多,360网站宝,百度云加速,加速乐等等。
3:把网站进行备案,更换到国内空间,这个无论如何都是最简单的法子,但是因为备案的手续非常麻烦,很多人都不喜欢这样。
4:使用香港空间,或者动天数据提供的免备案空间,因为香港挨着我们,所以访问起来基本和国内空间速度没什么大的差异,甚至更快。
实际上我们建议大家使用第3条,把网站进行备案是最理想的,咬咬牙备案,或者就第四条吧,租用动天数据的香港空间又非常便宜,目前1款特价空间38元只需要,你买个美国空间也不止这个价格吧。
于日发表在
你可以,并在保留
及作者的情况下到你的网站或博客。
文章标签: ,
版权所有: -转载请标明出处
您可能还会对这些文章感兴趣!
【上一篇】
【下一篇】
本站文章?容原创,免费提供虚拟主机帮助
如果转载本网站内容,请注明文章来源
最新热文随机标签
空间快捷购买
PHP主机推荐:
小提示:本博客在谷歌浏览器上能显示最佳效果!天极传媒:天极网全国分站
您现在的位置:
& >&如何提升网站访问速度和稳定性
提升网站访问速度和稳定性 节点之间互联天极网网络频道 16:00
【天极网网络频道12月30日消息】12月27日,京东技术狂欢节在北京国家会议中心举行。作为京东在领域的重要合作伙伴,安全宝受邀参加此次活动,并且分享了安全宝在提升网站访问速度和稳定性方面的解决方案和经验。
“挖隧道”:实现“直线距离最短”
跨网延时是很多企业都会遇到的问题。当跨运营商访问网络,速度就会变得很慢,用户变差。实验数据表明,同一个运营商网络的访问延时通常在30毫秒以内,但是跨网访问延时最多会达到100多毫秒。跨网延时访问就像是跨过一座高山才能到达目的地,但是需要走盘山道、小山路,因此费时费力。那么能不能挖一条隧道,实现直线距离最短?安全宝给出的方法是跨网加速方案。
安全宝公有云技术总监、高级系统专家白宇在演讲时表示:“我们在不同运营商之间架设了跨运营商加速节点,并且投入巨资购买带宽,实现对不同运营商网络访问延时可控,数据传输速度最优化。这样一来,当终端用户进行跨网访问时,跨网加速方案会智能地分析每个网络节点的延时情况,并且选择最快的路径完成访问请求。”
此外,加速节点可以对网络中大量的图片和音视频资源进行缓存。如此一来,用户访问网络时,大部分流量可以在同网之内到达,达到加速优化的结果。开启相关服务之后,用户的网络下载速度可以提高30%以上。
安全宝公有云技术总监、高级系统专家白宇
节点调度:网络可用性提升至99.9%
除了跨网延时,企业用户更担心网络的稳定性。因为一旦终端用户访问网页经常显示“502 Bad Gateway”页面,企业网页无法访问,那么这些潜在客户就会流失。
白宇表示,网络不稳定主要有四个原因,这些问题会导致用户访问网站出现各种各样502错误或5XX错误:一是网络闪断,例如错误或者网络中存在供给流量会导致访问路径暂时中断。二是一些网站存在非法内容,机房拦截非法IP时殃及到其他网站访问。三是HTTP域名拦截,造成到源站的访问不通。四是源站拦截加速节点IP。“一些用户部署了防火墙,这些防火墙要求用户必须将安全宝所有节点IP地址加到防火墙设备的ACI中。有时候安全宝节点更换,但这些用户没有更新他们的ACI,造成访问不通。”
为了解决这一问题,安全宝推出了Hopsla方案。该方案与跨网加速方案一样,采用节点之间互相帮助的理念,为每个用户在全国分配几十个加速节点。当某些加速节点出现网络不通时,系统会调用通的网络节点帮助那些不通的网络节点,实现节点间的互相调节、互相帮助,提高网络整体性能。白宇称:通过Hopsla方案,用户网站的可用性基本上提高到了99.9%以上,在保障网站稳定性方面效果显著。
形成闭环:实现1+1&2的效果
据了解,现在跨网加速方案和Hopsla两个方案已经结合起来,形成了一个基于大数据分析的Hop系统。基于实时测速系统,网络节点的延时情况会上报到数据中心。
另一方面,当用户访问网络时,各种数据也汇总到数据中心。根据节点访问速度和用户请求,Hop系统为用户匹配最优化的路径和访问策略,通过配置中心下发到各个节点,并且通过调度中心及时修正策略。
如此一来,整套Hop系统形成了一个闭环的自反馈系统。正如白宇所言:“该系统在运行过程中自我优化、自我调节。整个Hop系统,使安全宝公有云的访问速度和稳定性得到大大提升。”
(作者:网络频道新闻组责任编辑:李蓬阁)
天极新媒体&最酷科技资讯扫码赢大奖
* 网友发言均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!
DIY整机企业级软件