020-29815005
预约专线时间:09:00-23:59

做好手机端网站的注意事项

新闻来源:优漫教育 日期:2021-07-07
人们搜索信息,购买物品,订阅服务都使用移动设备。使用师偏好的变化也使得使用师对产品的期望值大幅提高。现在,大多数用户对手机性能很差——如果他们不能马上得到他们想要的东西,他们会转向别的产品(这对一款应用来说是一个沉重打击)。
  设计一个手机网站应用程序,怎样才能抓住用户的心?第一,设计师要避免一些常见的设计错误,提高运行速度。因为现有的技术支持提供了更快的体验,用户等待意愿开始下降。他们中有三分之二的人说,加载网页所需的速度对他们的总体体验影响最大。如载入时间超过3秒,53%的使用师会离开手机站点。

  一、对策:

  1、设法找出导致加载速度慢的原因。

  假如载入速度慢是你网站的一个普遍现象,试着找出原因并解决问题。页面加载时间通常会受到以下影响:

  (图片和动画)视觉元素。高清晰图片和流畅的动画只能创造良好的用户体验,而不会影响载入时间。所以,这可能是导致下载速度慢的一个原因。推荐阅读“图片优化”相关知识,了解更多优化细节。

  定制字体。就像您的站点上的其他资源一样,下载定制文字体验花费了一定的时间(如果字体是在第三方服务上,就会花费更多时间)。

  2、业务逻辑编程不够规范。

  站点基础结构。服务器性能、网页宽度、服务器硬件配置等因素都会影响网站所用的硬件。


培训班


 二、测试您的网站。

  怎样测试网站性能?给大家推荐两种工具。其中之一就是Google’sTestMySite,它将根据网站表现的现状,提供可操作的报告,加快并提高网站的速度。

  WebPagetest是另一种测试和优化网站性能的工具,使您可以免费测试世界上许多地方的真实浏览器(例如IE浏览器和谷歌浏览器)的连接速度。



  三、用载入占位图。

  如果您不能提高站点的实际运行速度,至少要努力创造一种快速加载的感觉--对于站点快速加载,用户对快速加载的感觉通常比实际加载速度更重要。载入占位图是载入内容时显示的网页版本。占位图会让用户感觉到网站运行速度比实际速度快。

  设计师可以在CodepenExample中查看占位图效果。利用压力缓冲原理,它的设计师用占位图给用户创造了这样一种错觉:网站在运行,内容也在快速加载。