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

网站优化

Website development

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

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

TAGS:网站优化

image.pngR7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

无论您的用户界面设计如何设计,在某些时候,使用它的人都将不得不等待加载。
R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

加载时间可能会损害整体体验。让用户等待太久,让您的应用程序加载会使用户不耐烦。如果用户有这种感觉,他们会放弃你的网站,去别的地方。幸运的是,您可以采取一些措施来加快用户的时间感,使其感觉像您的内容加载速度更快。R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

 R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

1.不要让用户等待,而不给他们反馈R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

如果用户的连接速度较慢,则网站可能需要一段时间来填充屏幕上的内容。用户的等待时间从他们发起动作的时刻开始,糟糕的情况是当他们没有任何指示站点已经收到它。R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

当您的站点未能通知用户需要一些时间来完成操作时,用户通常认为它没有收到请求,并且再次尝试。由于缺乏反馈,造成了大量额外的水龙头。为了让人快乐,我们需要表明发生了一些事情,提供视觉反馈。R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

 R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

2.避免静态进度指标R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

静态进度指示符是具有不显示图像或文本的指示符,例如“正在加载...”或“请稍候...”以指示请求已被接收。虽然任何反馈都比没有更好,静态指标是不好的UX。用户没有任何指示符加载内容,因此他们不确定进程是否被卡住。R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

 R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

3.使用动画载入指示R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

等待时间的心理学研究表明,用户焦点开始等待一秒钟后没有任何反馈。为了减少用户的不确定性,请使用进度指示器来处理需要更长时间的任何操作。(注意:使用动画不推荐任何需要不到一秒钟的时间来加载,因为用户可能会对刚才在屏幕上闪烁的内容感到焦虑)。R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

无限加载旋转器用于相当快速的操作R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

动画指标的简单形式是加载微调。这种类型的视觉反馈只是说明用户必须等待的事实,但不能说他们应该等待多久。作为一般规则,您应该使用此类型的进度指示器进行快速操作(2-10秒)。R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

1、从中心点辐射出的灰线的旋转器是一种标准方法。R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

加载旋转器通常与拉动刷新手势一起使用。它作为UI的两个状态之间的中介,并帮助用户了解屏幕更改时发生了什么。R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

2、适用于iOS的Apple Mail应用程序R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

百分比完成的动画,持久的操作R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

装载旋转器不是指示长时间负载的正确方法。如果我们知道什么时候会发生,那么等待一些事情是更可靠的。这就是为什么长期持续的操作,您应该给用户一个明确的指示,他们需要等待多久。作为一般的经验法则,您应该使用百分比完成的动画用于需要10秒或更长时间的更长的进程。R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

3、或者,您可以提供操作的一般时间估计。不要试图确切地说,一个简单的“这可能需要一分钟”就足以通知用户并鼓励他们等待。R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

调整用户对时间的看法
R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

您的内容加载速度在用户心中有多快。当尝试创建更快的用户体验时,您可以缩短感知时间,而不是实际时间。为了做到这一点,您可以使用用户可以执行的内容,动画或动作填写等待时间。R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

进度栏R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

进度条使用户期望处理动作的速度有多快。进度条移动的方式影响他们如何感知加载时间。为了使进度条让用户感觉更快,可以使用简单的技巧:R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

进度条应该永不停止,否则用户会认为网站僵住了。糟糕的情况是进度条接近99%,突然停止。大多数用户会因此而感到沮丧。R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

您可以通过立即移动来伪装进度条中的小延迟。R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

一开始缓缓进步吧,加快进度,给用户快速的完成时间。R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

5.gifR7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

骷髅屏幕R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

4、等待时间是骨架屏幕(也称为临时信息容器)的正确时间。骨架屏幕本质上是逐渐加载信息的页面的空白版本。它提供了传统动画指标的替代方案。骨架屏幕不是显示一个抽象的小部件,而是创造了将来的预期,并使用户关注进度而不是等待时间。R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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


R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

6、背景操作R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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

逐行图像加载R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

随着现代应用程序和网站加载越来越多的图像,考虑到它们的加载过程,因为它会影响性能和用户体验,这是很好的。使用模糊效果,您可以创建渐进式图像加载效果。R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

一个很好的例子是“中”,它会影响帖子内容的覆盖以及帖子内容中的图像,直到图像完全载入。首先,它加载一个小的模糊图像(缩略图),然后转换到大图像。缩略图非常小(只有几千字节),与模糊效果相结合,可以比纯色更好的占位符,而不牺牲有效载荷。R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

7、中度使用模糊来创建渐进式图像加载效果R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

视觉分心R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

如果您不能缩短线程,您应该总是尝试让等待更愉快。为了确保人们在等待事情发生时不要无聊,给他们一些分心。精细的动画可以分散您的访问者的注意力,并使其忽略长时间的加载。R7I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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

原文地址:https://www.yzlink.cn/i,72,7286,0.html

客户评价

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

    潘涛

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

    谭娇

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

    陈曦

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

    张经理

联系方式

工作时间:09:30-18:30
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

合作伙伴

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

嘿,我们微信沟通!

复制手机号