如何使PWA应用程序更加友好?

2019-07-10 23:13:23 作者:

Progressive Web Apps是互联网商业用途的新品质。许多专家都认为他们有非常真实的潜力来决定电子商务的未来。用户已经了解PWA的功能,整体体验和速度。有什么可以改进使应用程序更符合客户的期望?

在此字段中达到更高级别不需要很多小时的工作。通常,该技术的最终效果将包含一些将改变PWA感知的优点。

如何确保应用程序更好?查看一些可以对每个PWA产生积极影响的提示。

效率是成功的关键

没有什么比PWA更难以满足您的需求了。运行缓慢,系统崩溃,资源利用率高的错误?是时候照顾效率了。这不仅仅是UX的问题; 一个高效且设计良好的应用程序也向Google发出信号,它是一种高质量的产品 - 并且比竞争对手更好。

如何提高Progressive Web Apps的性能?每个应用程序都必须针对其当前性能和未来扩展,新功能进行优化。PRPL模式促进了这一点。这种特殊模式包括渲染初始路线,缓存剩余路线,以及通常改善负荷。结果是全面加速PWA流程。这在首次使用PWA时尤其重要。在以下步骤中,应用程序使用已下载的数据。但是,如果PWA在第一阶段无法正常工作,用户将会失望并无法返回。

提高下载速度

该脚本在PWA的背景下运行 - 对于离线活动最重要 - 是优先事项之一。连接不良,互联网不稳定或网络中断并不一定意味着问题。PWA也可脱机工作,但前提是您的浏览器可以在后台使用服务工作者。

服务器端呈现也适用于最佳脚本性能。这将确保更快的下载。页面加载速度是目前影响Google索引的主要因素之一。但是,它不仅仅是关于此评级。PWA用户不应该觉得他正在使用典型的网站 - 等待页面加载是不可接受的。网站应该像本机应用程序一样自然地表现。

标准字体而不是实验

PWA不适合进行视觉测试。创建PWA时常见的错误是使用自定义字体。基本字体与标准解决方案匹配。字体越不寻常,用户方面的错误或误判风险就越大。标准字体可以更快地适应给定项目。这不仅适用于文本,也适用于标题或徽标。如果它们包含未知的字体模式,最好使用图形格式。

离线功能

PWA的优势在于它无需Internet即可运行。应基于负责将应用程序文件保存到缓存存储的Service Worker组件创建应用程序。这将允许您仅在用户未连接到网络时使用数据。请注意缓存中有多少空间。差异很大。这是最大的。Chrome浏览器中的6%和Firefox中的10%用于Safari或IE10中的特定Mb数据。

直觉而非影响

PWA是关于简单性,易用性和透明度的。用户期望速度和具体内容,而不是过多的图形效果。复杂的项目没有意义 - 它们会产生相反的效果并开始激怒用户。导航必须最小化和简单。在屏幕之间切换时,视觉阻挡也会影响直观性。在应用程序环境中平滑导航是获得更好用户体验的简单方法。

请记住,应定期检查PWA的性能。Google的一个工具用于此目的。Lighthouse,用作浏览器扩展,允许您生成报告。通过这种方式,只需点击几下即可检查PWA是否有效或是否需要修复。审计非常准确。该工具分析了要满足的几十个标准 - 灯塔还将呈现三个结果:“好”,“平均”和“弱”。获得良好结果的方法不仅是应用程序的基础,还有细节。

相关推荐

图文推荐