Code前端首页关于Code前端联系我们

让您的网站飞起来:加速移动Web产品的策略和技术

terry 2年前 (2023-09-26) 阅读数 226 #网站优化

2016年,移动流量超越桌面流量,成为当前主流。根据 Google UK 的研究,65% 的英国成年人现在使用智能手机作为主要的互联网设备。

人们使用移动设备搜索信息、在线购物并订阅各种服务。用户偏好的变化会导致用户期望的变化。如今,绝大多数用户比以往任何时候都更加不耐烦。当他们想要某样东西时,通常会立即想要它。否则,他们会很快离开并选择其他选择。

在当今的移动产品中,加载慢、登录困难、流程复杂是常见问题。今天的文章就给大家带来一系列“提速”技巧。

页面加载缓慢

随着技术的发展,页面加载体验变得越来越快,因此比以前更不愿意等待加载。

2/ 3 移动用户表示页面加载速度对其浏览体验影响最大。

Google测试了全球90万个移动网站,发现这些网站的平均加载时间为22秒。同时,研究表明,如果移动页面加载时间超过 3 秒,53% 的用户会离开。

1。尝试找出问题的原因

如果加载缓慢是您网站的常见情况,那么您应该尝试找出问题所在。通常,页面加载时间受以下因素影响:

  • 视觉元素(图像和动画)。高清的图像和流畅的动画只能在不影响加载时间的情况下带来良好的体验。
  • 自定义字体。与其他材料一样,下载自定义字体需要一些时间,如果字体由第三方服务托管,这个时间会更长。
  • 业务逻辑。代码质量。
  • 基础设施。您网站的硬件已通电。

2。测试您的网站

有许多工具可用于测试网站性能。其中之一是 Google 的 Test My Site。该网站将为您提供有关如何加速和改进您的网站的可行性报告。

WebPage Test 是另一个非常有用的工具,它使用来自世界各地的真实浏览器(IE 和 Chrome)来测试用户浏览时的真实数据。

3。使用骨架布局

如果你想让网站在现有条件下变得更快,那么你可以尝试让它在视觉体验上变得“更快”。

加载页面时先加载整个布局的骨架可以给人一种速度感,一种看起来比实际加载快很多的主观感觉。

看看Codepen构建的骨架布局,纯CSS代码。加载布局可以让用户感觉到页面正在“正在进行”加载。

让网站飞:移动端网页产品提速的那些策略和技巧

登录限制

许多网站和APP都要求用户注册并登录后才能使用其功能。对于许多品牌认知度较低或价值主张不明确的应用程序来说,许多用户会因为这种登录限制而离开。如果您可以推迟注册并允许用户试用服务和功能,他们就可以注册并登录。

1。允许使用电子邮件和手机号码作为用户 ID

如果要求用户创建唯一的用户名,他们很可能会遇到以下困难:

  • 用户名必须唯一,而 User 需要几分钟的时间探索现有的用户名系统并找到适合您的用户名。
  • 用户注册一段时间后最终可能会忘记用户名。根据 Janrain + Blue Research 的研究,如果用户忘记了用户名,92% 的用户会直接放弃登录,而不是尝试找回用户名。

让网站飞:移动端网页产品提速的那些策略和技巧

允许用户使用电子邮件和手机号码作为登录ID,这使用户更加方便。

2。让密码验证体验尽可能顺利

用户忘记密码是很常见的事情。忘记密码本是一件烦人的事情,重置密码也同样烦人。

让网站飞:移动端网页产品提速的那些策略和技巧

亚马逊丢失密码重置流程

通过简化身份验证体验来降低用户放弃的风险。使用第三方社交帐户登录:

让网站飞:移动端网页产品提速的那些策略和技巧

Flipboard 允许用户使用社交帐户登录。

让网站飞:移动端网页产品提速的那些策略和技巧

部分APP已开始允许FaceID和TouchID登录。

3。提供其他可选的登录方法

允许用户根据他们提供的信息使用其他登录方法。例如,如果您的用户绑定了手机号码,他们可以使用手机号码获取一次性密码进行登录。 eBay 就是这样做的:

让网站飞:移动端网页产品提速的那些策略和技巧

漫长的结账流程

越来越多的移动客户开始在移动设备上购物,购物流程和用户体验自然而然变得更好。然而,说起来容易做起来难。在移动设备上填写表格非常痛苦,许多用户放弃了,因为表格填写时间太长。这并不奇怪。根据谷歌提供的数据,50%的用户会因缺乏经验而放弃移动交易。

1。不要强迫用户创建帐户

根据 Maymard 的研究,强迫用户注册帐户是人们放弃 Dog House 的主要原因。应允许用户无需注册即可进行购买,并且“以访客身份结账”的选项应在购买页面上可见。 eBay 购买页面提供“登录”和“以访客身份结帐”选项。

让网站飞:移动端网页产品提速的那些策略和技巧

2。记住用户的详细信息

不要要求用户输入他们之前提供的任何信息。收集数据后,不要要求用户重复提交这些数据,例如送货地址和账单详细信息。确保用户可以随时更改它。

3。善用地理信息数据

相比每次询问用户的送货地址和位置,最好记录下用户之前建议的数据并启用默认选项,以确保满足用户的需求。调整一下吧。

让网站飞:移动端网页产品提速的那些策略和技巧

当用户单击“共享我的位置”按钮时,当前的地址信息将填写在表单中。

4。使用移动支付

在支付方面,你应该尽量为用户提供他们喜欢的支付方式。除传统支付方式外,还应允许用户使用 Apple Pay 和 Android Pay 等支付方式,这样可以避免复杂的表单填写并提高安全性。

让网站飞:移动端网页产品提速的那些策略和技巧

5。设计“快速购买”选项

此选项对许多用户来说都是有益的。当用户点击“快速购买”时,系统自动加载预先填写的默认付款方式和送货地址,快速完成购买任务。 (好像淘宝就是这样吧?)

6。允许购买任务在另一台设备上继续

虽然使用移动设备购物的用户数量有所增加,但相当一部分用户只是在移动端浏览,然后在桌面上完成购买。允许用户通过提供“保存以供稍后使用”或“将商品发送到电子邮件”等选项来完成操作。

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门