当前位置:网站首页 -> 行业动态

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

发布日期:2014/11/13 8:11:47  点击数:1716

网友上彀都不喜爱用太多的时间等候页面的翻开,等候的越长,用户也许会直接封闭页面,这样就会丢失许多流量!其次,关键词的排行与页面的翻开速度也有联系,这个首要体现搜索引擎对用户体会度上,用户体会度好,排行相对其它网站就好些。因而我觉得咱们有必要去进步页面的翻开速度,这个不需求太多的本钱投入,只需求平常多留心一些小窍门就行了!下面给出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文件选用独 立的域名,据说baidu的图画服务器数量在20台以上。


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


iframe一般用于不同域名内容的加载,这一起也也许因iframe内容加载速度影响到主页面加载速度,假如也许,把需求加载的内容抓取到本地直接嵌入。假如实在需求iframe加载,选用后载入办法完结。


19、优化图画文件


优化图画文件,减小其尺度,特别是缩略图,必定要按尺度生成缩略图然后调用,不要在页面顶用resize办法完结,尽管这样看到的图画外形笑了,但是其加载的数据量一点也没削减。从前见过有人在页面中加载的缩略图,其实在尺度有10M之巨…


一般图画、icon也要尽也许紧缩后,能够选用web图画保留、削减色彩数等等办法完结。


20、当页面内容巨大到必定程度,能够选用分页的办法展示,或许taobao的那种翻页后载入办法。

关闭窗口
Copyright © 2008-2024 上海纯点网络科技有限公司(www.cdsheji.com). All Rights Reserved
地址:上海市嘉定区金沙江西路1075号万达广场5写字号楼203室 24小时客服热线:400-670-5808 电话:021-60482289
沪ICP备10218526号-1 | 沪ICP备10218526号-2
QQ客服

沪公网安备 31011402002273号