企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站优化

Website development

让您的网站打开响应时间加快的4种方法

发布时间:2017-10-01 11:26:11

TAGS:网站优化

image.pngFHO乐投体育在线,,,-乐投体育在线公司

无论您的用户界面设计如何设计,在某些时候,使用它的人都将不得不等待加载。
FHO乐投体育在线,,,-乐投体育在线公司

加载时间可能会损害整体体验。让用户等待太久,让您的应用程序加载会使用户不耐烦。如果用户有这种感觉,他们会放弃你的网站,去别的地方。幸运的是,您可以采取一些措施来加快用户的时间感,使其感觉像您的内容加载速度更快。FHO乐投体育在线,,,-乐投体育在线公司

 FHO乐投体育在线,,,-乐投体育在线公司

1.不要让用户等待,而不给他们反馈FHO乐投体育在线,,,-乐投体育在线公司

如果用户的连接速度较慢,则网站可能需要一段时间来填充屏幕上的内容。用户的等待时间从他们发起动作的时刻开始,糟糕的情况是当他们没有任何指示站点已经收到它。FHO乐投体育在线,,,-乐投体育在线公司

当您的站点未能通知用户需要一些时间来完成操作时,用户通常认为它没有收到请求,并且再次尝试。由于缺乏反馈,造成了大量额外的水龙头。为了让人快乐,我们需要表明发生了一些事情,提供视觉反馈。FHO乐投体育在线,,,-乐投体育在线公司

 FHO乐投体育在线,,,-乐投体育在线公司

2.避免静态进度指标FHO乐投体育在线,,,-乐投体育在线公司

静态进度指示符是具有不显示图像或文本的指示符,例如“正在加载...”或“请稍候...”以指示请求已被接收。虽然任何反馈都比没有更好,静态指标是不好的UX。用户没有任何指示符加载内容,因此他们不确定进程是否被卡住。FHO乐投体育在线,,,-乐投体育在线公司

 FHO乐投体育在线,,,-乐投体育在线公司

3.使用动画载入指示FHO乐投体育在线,,,-乐投体育在线公司

等待时间的心理学研究表明,用户焦点开始等待一秒钟后没有任何反馈。为了减少用户的不确定性,请使用进度指示器来处理需要更长时间的任何操作。(注意:使用动画不推荐任何需要不到一秒钟的时间来加载,因为用户可能会对刚才在屏幕上闪烁的内容感到焦虑)。FHO乐投体育在线,,,-乐投体育在线公司

无限加载旋转器用于相当快速的操作FHO乐投体育在线,,,-乐投体育在线公司

动画指标的简单形式是加载微调。这种类型的视觉反馈只是说明用户必须等待的事实,但不能说他们应该等待多久。作为一般规则,您应该使用此类型的进度指示器进行快速操作(2-10秒)。FHO乐投体育在线,,,-乐投体育在线公司


FHO乐投体育在线,,,-乐投体育在线公司

1、从中心点辐射出的灰线的旋转器是一种标准方法。FHO乐投体育在线,,,-乐投体育在线公司

加载旋转器通常与拉动刷新手势一起使用。它作为UI的两个状态之间的中介,并帮助用户了解屏幕更改时发生了什么。FHO乐投体育在线,,,-乐投体育在线公司


FHO乐投体育在线,,,-乐投体育在线公司

2、适用于iOS的Apple Mail应用程序FHO乐投体育在线,,,-乐投体育在线公司

百分比完成的动画,持久的操作FHO乐投体育在线,,,-乐投体育在线公司

装载旋转器不是指示长时间负载的正确方法。如果我们知道什么时候会发生,那么等待一些事情是更可靠的。这就是为什么长期持续的操作,您应该给用户一个明确的指示,他们需要等待多久。作为一般的经验法则,您应该使用百分比完成的动画用于需要10秒或更长时间的更长的进程。FHO乐投体育在线,,,-乐投体育在线公司


FHO乐投体育在线,,,-乐投体育在线公司

3、或者,您可以提供操作的一般时间估计。不要试图确切地说,一个简单的“这可能需要一分钟”就足以通知用户并鼓励他们等待。FHO乐投体育在线,,,-乐投体育在线公司

调整用户对时间的看法
FHO乐投体育在线,,,-乐投体育在线公司

您的内容加载速度在用户心中有多快。当尝试创建更快的用户体验时,您可以缩短感知时间,而不是实际时间。为了做到这一点,您可以使用用户可以执行的内容,动画或动作填写等待时间。FHO乐投体育在线,,,-乐投体育在线公司


FHO乐投体育在线,,,-乐投体育在线公司

进度栏FHO乐投体育在线,,,-乐投体育在线公司

进度条使用户期望处理动作的速度有多快。进度条移动的方式影响他们如何感知加载时间。为了使进度条让用户感觉更快,可以使用简单的技巧:FHO乐投体育在线,,,-乐投体育在线公司

进度条应该永不停止,否则用户会认为网站僵住了。糟糕的情况是进度条接近99%,突然停止。大多数用户会因此而感到沮丧。FHO乐投体育在线,,,-乐投体育在线公司

您可以通过立即移动来伪装进度条中的小延迟。FHO乐投体育在线,,,-乐投体育在线公司

一开始缓缓进步吧,加快进度,给用户快速的完成时间。FHO乐投体育在线,,,-乐投体育在线公司

5.gifFHO乐投体育在线,,,-乐投体育在线公司

骷髅屏幕FHO乐投体育在线,,,-乐投体育在线公司

4、等待时间是骨架屏幕(也称为临时信息容器)的正确时间。骨架屏幕本质上是逐渐加载信息的页面的空白版本。它提供了传统动画指标的替代方案。骨架屏幕不是显示一个抽象的小部件,而是创造了将来的预期,并使用户关注进度而不是等待时间。FHO乐投体育在线,,,-乐投体育在线公司


FHO乐投体育在线,,,-乐投体育在线公司

5、骨架图像快速加载,因为它是一个通常由简单形状组成的小图像。这些技术可以在移动应用程序中进一步采用,因为骨架模板可以与应用程序的数据一起存储在本地。Facebook的iOS应用程序会向用户显示灰色块和行,以便在应用加载时表示图像和文字。一旦完成加载,图像和文本就会出现在临时容器的位置。这不比使用微调器加载屏幕快,但在用户的心中,感觉就像是这样。FHO乐投体育在线,,,-乐投体育在线公司


FHO乐投体育在线,,,-乐投体育在线公司

6、背景操作FHO乐投体育在线,,,-乐投体育在线公司

您可以使用的另一个速度技巧是后台操作。打包到后台操作中的操作有两个好处 - 它们对于用户是不可见的,并且在用户实际要求之前发生。给用户其他的东西要专注于一个进程在后台进行。一个很好的例子就是在Instagram上上传图片。一旦用户选择要共享的图片,它就开始上传。该应用程序邀请用户在后台上传图片时添加标题和标签。当用户准备按“分享”按钮时,上传将完成,可以立即分享他们的照片。FHO乐投体育在线,,,-乐投体育在线公司

逐行图像加载FHO乐投体育在线,,,-乐投体育在线公司

随着现代应用程序和网站加载越来越多的图像,考虑到它们的加载过程,因为它会影响性能和用户体验,这是很好的。使用模糊效果,您可以创建渐进式图像加载效果。FHO乐投体育在线,,,-乐投体育在线公司

一个很好的例子是“中”,它会影响帖子内容的覆盖以及帖子内容中的图像,直到图像完全载入。首先,它加载一个小的模糊图像(缩略图),然后转换到大图像。缩略图非常小(只有几千字节),与模糊效果相结合,可以比纯色更好的占位符,而不牺牲有效载荷。FHO乐投体育在线,,,-乐投体育在线公司


FHO乐投体育在线,,,-乐投体育在线公司

7、中度使用模糊来创建渐进式图像加载效果FHO乐投体育在线,,,-乐投体育在线公司

视觉分心FHO乐投体育在线,,,-乐投体育在线公司

如果您不能缩短线程,您应该总是尝试让等待更愉快。为了确保人们在等待事情发生时不要无聊,给他们一些分心。精细的动画可以分散您的访问者的注意力,并使其忽略长时间的加载。FHO乐投体育在线,,,-乐投体育在线公司

原创不易,未经授权,严禁转载

原文地址:https://www.e2rg7.com/i,72,7286,0.html

客户评价

更多+
  • 感谢乐投体育在线,系统提前完成,在整个项目周期内,乐投体育在线对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的乐投体育在线团队。

    潘涛

  • 我是东方龙马集团,在乐投体育家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的乐投体育在线(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

联系方式

工作时间:10:00-19:00
咨询电话:010-64758810
客服邮箱:[email protected]

合作伙伴

All Rights Reserved.©2010-2016 e2rg7.com京公网安备 110105019435 京ICP备14020656号
本已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。
嘿,我来帮您!