如何减少网页的加载时间,怎样减少页面加载时间
内容导航:
一、如何有效减少网页加载时间
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、配置ETags13、Ajax采用缓存调用这个的使用可以参照Discuz论坛代码,里面对于大量使用的Ajax调用都采用了缓存
调用方式,一般采用附加特征参数方式实现,注意其中的就是特征参数,这个参数不变化就使用缓存文件,如果发生变化则重新下载新文件或更新信
息。14、合理使用Flush用户端发送浏览请求后,服务器端一般要花销200-500ms去处理这些请求,在此期间,用户端浏览器处于等待状态,如果要减少用户等待时间,可以在适当的位置使用flush,将已经就绪的内容推送到用户端,这在php中很容易实现例如:15、Ajax调用尽量采用GET方法调用实际使用XMLHttpRequest时,如果使用POST方法实现,会发生2次HTTP请求,而使用GET方法只会发生1次HTTP请求。如果改用GET方法,HTTP请求减少50%!16、尽可能减少DCOM元素这个很好理解,就是尽可能减少网页中各种<>元素数量,例如的冗余很严重,而我们完全可以用取代之。
二、如何降低一个网站的加载时间
1、图片优化和使用缩略图:使用适当的图形工具,优化网站上的图片,使图片在网上使用比较合适。
网络优化的图像将大幅度减少文件的大小,因此网站更快的加载。
这些工具是在不影响图片质量的情况下,将图片压缩80%。
如果没有必要使用一个大的图像,可以考虑使用缩略图,一个较小的代表性的图像,给用户提供了一个选项,点击它,可以查看更大的版本。
因此,如果网页上用缩略图替换完整的图像,它会加载的很快。
2、更多使用静态图像和减少动画的使用:比起使用动画,静态图像的使用明显减少了网页的加载时间。
3、一个明智的使用表:如果你使用的是网站的框架表,你必须确保你能够明智地使用它们。
所有的项目都呈现加载在一个网页浏览器中时,会让用户等待很久,如果整个页面的内容是分开的。
该网页的内容分为头,中间和页脚表,内容分裂成较小的块。
这会让游客比较感兴趣,因为他们在页面加载的时候可已阅读其他的内容。
利用CSS(层叠样式表)的格式和风格的Web页面的内容,可以大大提高网站的负载时间,使用持久的标签和更小的类风格代替他们。
4、使用常见的图像文件夹:这将消除图像重叠的可能,使相同的图像出现在多个页面的不同部分。
如果在一个共同的图像文件夹中使用,用户的浏览器将能够很快地找到的图像,导致更快的加载。
此外,常见的图像文件是好文件的基础结构的一部分。
5、有一个实践的监测网站的速度:定期监测网站的速度将帮助你观察它的使用情况,
网站托管的服务器上运行缓慢,可以让你及时地升级虚拟主机包,或切换到一个更好的主机。
不同的是在读取流的时候开始记录时间。
流都读取完了,记录结束时间。
————————————————————————一个jsp页面中引入多个页面。
最终在浏览器,中也是一个html的形式表现出来。
读取一个url的流时,它里面包含什么,这都是服务器返回给你的。
这也是我在读取流时计时的原因,我认为从你开始向服务器发送请求,到数据读取完成。
这基本就是url加载的时间了,页面的显示时间,在一定程度上可以忽略,除非页面数据很多,显示超费时间。
三、网页的加载时间多少比较合适
答:总的来说,并没有什么合理不合理的加载时间,如果时间短,那可能用户基本还没察觉到就结束了,但如果时间长的话,就需要通过产品设计或交互设计来让这段时间变得「好过」,通过人感知认识上的研究,学术界上有3个基本的时间段来区分[2],以优化web或者app的设计。1968年Milleretal.[2]与1991年Cardetal.[1]关于加载时间的认同基本一致,包括这3个时间:0.1秒:这个时间的延迟用户是察觉不到的,这时候系统不需要给予一些特殊的加载界面给用户1秒:这个时间的延迟用户已经能稍微觉察到了,但一秒内的延迟是不会打断用户的工作流。所以0.1s到1s的延迟,是不需要系统给特别的加载过程的,但这时候的操作已经给用户的直接流畅操作造成了困扰。10秒:超出10s,用户就很容易分析,并且希望去执行其他的操作,所以这段时间的的加载反馈是必不可少的。另外由于时间过长,加载时间无法精确预测,这时候反馈会显得尤为重要,否则用户会不知道接下来的页面会是什么。正常来说,反应时间当然是越快越好,但也有的时候由于反应加载太快,用户都无法跟上反馈。比如,有的时候我们在滚动列表的时候,一下子向上滑太用力,都没办法及时地停下,而找到我们想找的东西。所以电脑有的时候太快,表明加载出来的时间不一定是执行的真实时间,只要是真用用户体验好的时间。即使有的时候可以提供毫秒级的相应速度,但也得故意放缓来保证可用性。当电脑无法提供合理的相应速度的时候,对应的反馈就变得尤为重要,常见的反馈就是百分比进度条度(percent-
doneprogressindicators)[3],根据过往经验,进度条应该在加载时间超过10s的时候被使用。进度条有3个主要的有点:1.表明系统目前没有宕机;2.提示还有多长时间需要等待,可以让用户去做其他的事情;3.至少提供了一些东西让用户可以看,不会等到花儿都谢了。比较建议使用常见的进度条而不是剩余时间数。有的时候,并不能提前预知什么时候能完成工作,这时候就不能用百分比进度条,但依然可以使用一些反馈机制来告知系统正在运作。比如当在搜索一个未知大小的数据库的时候,可以不断地打印出目前搜索出的条目。如果这都不行,就是一个转圈圈的「小菊花」来告知目前并没有宕机。如果是2-10秒的的等待,在页面正中间使用进度条就有点过了,因为这样的话,会破坏视觉惯性原则(快速划过的进度条会让用户感觉到很有压力)。一些常见的方法是讲鼠标转化为「忙碌」状态,或者在顶部或者底部有一条很细很细的进度条,表示目前的还在运行。[1]Card,S.K.,Robertson,G.G.,andMackinlay,J.D.(1991).Theinformationvisualizer:Aninformationworkspace.Proc.ACMCHI‘91Conf.(NewOrleans,LA,28April-2May),181-188.[2]Miller,R.B.(1968).Responsetimeinman-
computerconversationaltransactions.Proc.AFIPSFallJointComputerConferenceVol.33,267-277.[3]Myers,B.A.(1985).Theimportanceofpercent-
doneprogressindicatorsforcomputer-
humaninterfaces.Proc.ACMCHI‘85Conf.(SanFrancisco,CA,14-18April),11-17.
四、如何减少网页的加载速度
虽然现在的网络带宽在逐步提高,但是随着网络信息也越来越广泛,对于如何加快网页打开速度仍然困扰着网页策划者,相信任何一个站长都希望尽可能的减少页面载入时间,任何搜索引擎都希望为用户提供一个用户体验度良好的服务,提高网站整体质量,增加用户满意度,每个人都希望享受到一个快速的网络体验。
其实加快网页的打开速度,有三个路径,一是提高网络带宽的速度,二是用户在本机做优化,三是网站设计者对网页做一定的网站优化。
这篇文章中我们站在网站建设者的角度,分享一些网页加载速度的小技巧:减少HTTP请求
网站建设中过多的图片,CSS、script、flash,会增加内容加载的请求负担,所以,建议您减少这类元素的使用。
使用CSS合并图片,避免出现直接插入原图。
使用Gzip压缩文档: GZIP编码是用来改进网页性能的方法,不仅可以减小存储空间,还可以减少传输所需的时间。
将网站中的文件使用Gzip压缩后,可以显著的增加网页加载速度,同时也可以降低网站的带宽流量消耗。
设置合理的过期时间 尽可能减小Cookie体积,能够很好的提高网页内容加载效率;对静态组件的Cookie读取是一种资源的浪费。
减少图片体积 建议大家可以考虑将GIF转为PNG,同时您可以在CSS
Sprites中竖直并尽量将颜色相似的图片紧凑的排列在一起可以有效的减小图片本身的大小,从而提高网站页面图片显示速度。
样式表文件放在外部调用:
把页面中需要用到的JavaScript和CSS样式表文件放在另外的文件夹中,这样一来在打开网站其它页面时就会缓存这些调用的文件,从而加快网站页面的加载速度。
减少域名DNS查找时间:
用户在浏览器的地址栏中键入域名后,浏览器就会通过DNS系统查找域名对应的IP地址,所以需要将DNS的时间设置在较低的水平,比如平均60-100毫秒进行一次DNS查询。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至 55@qq.com 举报,一经查实,本站将立刻删除。转转请注明出处:https://www.szhjjp.com/n/122406.html