2021 年值得 CTO 期待的十大 Web 开发趋势

Web 开发趋势每年都会发生变化，不断为企业家和 web 开发人员指明新的方向。对于谷歌、亚马逊和福布斯等大型企业，实现渐进式 Web 应用（Progressive web apps，PWA）、人工智能和物联网已是常态。各企业为保持与巨头们处于同一水平线，就必须研判产业的发展趋势，了解技术变化对 Web 开发所带来的冲击。

无论读者所在的企业面向的是电子商务、数字化市场还是技术创新领域，都应该对 2021 的重要 Web 开发趋势了然于胸。

1 PWA

渐进式 Web 应用具有多项颇具冲击力的优势。PWA 支持离线操作、推送通知，在带来类似原生 App 的用户体验的同时更为轻量级、下载更快。相比原生应用，PWA 开发过程也更为平滑。PWA 开发人员只需关注同一代码库，App 一旦实现就能上传到服务器，无需通过应用商店购买许可。

大多数优秀企业已使用 PWA，为客户提供良好的响应性能，其中包括 Pinterest、福布斯、星巴克和华盛顿邮报等。有报道称这些企业的广告收入提升了 44%，用户在 PWA 的停留时间相比移动网站增加了 40%。

2 人工智能

人工智能通过处理海量客户数据，支持更高层级的个性化，只向用户展示他们确实感兴趣的相关信息。人工智能平台使用客户过往的网购情况、搜索历史、分类目录页面、网站访问次数等访问信息，通过收集个体客户越来越多的数据，进而支持智能技术更准确地给出相关性更好的推荐。

通过统计分析和认知分析，网站具备了处理任何规模信息的能力，可发现客户的需求，并采用适当的方式为用户提供他们感兴趣的内容。人工智能通过聊天机器人、ADI 技术和基于声音的交互等技术，重定义了 Web 开发。

3 物联网

对物联网最贴切的定义，可描述为通过互联网实现日常用品中计算设备的互联。据估计到 2025 年，在全世界范围将会存在640亿台物联网设备，而截止 2018 年物联网设备仅有 100 亿台。

物联网处理采集来自传感器的海量数据，通过云网络的处理和转换消除了系统延迟。物联网技术可确保所有数据连接进程的安全性，准确给出结果，构建动态、交互的 UI 体验。物联网已经集成到 Web 开发中，一些重要实现包括智能手表、个人助理、集成在网站中的聊天机器人、具有小屏幕的计算设备，以及移动平台的预测支持。物联网的重要性与日俱增。物联网技术可以帮助交付很多直观的 Web 内容，这也将是企业家在 2021 年中需持续面对的需求。

4 聊天机器人

过去数年中，我们看到集成在网站中的聊天机器人得到了极大增长。据预测在下一年中，对自动化的交谈解决方案的需求将持续增长。聊天机器人集成了机器学习算法，无需任何人工参与就能响应用户提出的请求。聊天机器人本身就可对一些常见查询提供智能化解决方案，如有必要可将问题向上转交解决问题人员。这一技术可替代部分客服专员，节省大量业务成本，并加速问题的解决过程。一个很好的例子就是 MedWhat，它组合了智能 NLP 系统和机器学习技术，以确保用户得到快速而准确体验。这种机器人旨在加快医疗诊断过程，使过程对患者和医疗人员更透明，防止患者在医疗网站上误诊危及生命的疾病。

5 语音搜索优化

语音搜索技术日渐获得广泛的关注。据TechCrunch报道，已有 6 千 6 百万美国人拥有智能音箱。用户只需说话就能在屏幕上获得搜索结果，无需耗时去操作按钮或手工输入。这项技术使搜索引擎更快、更便利并提供更准确的结果，实现了用户体验的提升。谷歌每日35亿次搜索中，有近三分之一是语音搜索。不仅用户可受益于该项技术。据此优化的企业网站会优先出现在 Alexa 和 Siri 的用户语音搜索结果列表中。

根据谷歌发布的搜索改进算法“Florida”，集成语音技术的网站在预测排序中将高于未使用语音技术的。因此在考虑 2021 年 Web 开发中，企业家当然需要注意语音搜索这一趋势。

6 单页应用（Single-page Applications，SPA）

SPA 已经应用于多家世界知名企业，例如 Uber、Facebook 和谷歌。SPA 是工作于浏览器中的应用，在使用中不需要重新加载页面。SPA 的一个主要优点是为用户提供最大化的天然 UX 环境。不同于传统的 Web 应用，SPA 在首次请求时一次性加载页面，因此无需等待页面重加载。基本内容发生变化，始终保持当前页面。SPA 为用户提供简单且无中断的页面滚动，支持所有本地数据的有效缓存，因而在互联网连接质量不好时尤为便利。一旦网络连接恢复，数据与服务器就会同步。广受好评的 SPA 框架包括 React.js、Angular.js、Vue.js、Meteor,和 Backbone.js 等。

7 单页网站（Single-page Websites）

单页网站只维护单一页面，不额外考虑提供“服务”或“关于”等页面。初始页面将完全加载内容，通过联接导航支持用户查看检查不同信息。单页网站整洁、全面，为用户提供直观体验。

相比多页站点，单页网站将重要信息聚合到结构良好的单一页面，更易于集中访问者的注意力，控制使用信息的顺序。此外，设计和开发单页网站更快速，成本更低，易于针对移动端做出优化。

8 加速移动页面（Accelerated Mobile Pages，AMP）

AMP 是一个由 Twitter 和谷歌牵头设计的项目，旨在开发高性能移动端页面。该开源软件库使用称为“diet”的 HTML 创建 Web 站点、页面和 App，实现超轻量级和快速的加载。AMP 对电子商务网站非常有用，因此相比非 AMP 页面可增加商品销量，因为很多用户无法忍受等待的时间。有研究显示，Web 页面即便是延迟一秒，也会导致转化率降低 7%。

率先转向 AMP 的还包括纽约时报、卫报、华盛顿邮报等新闻类 Web 站点，因为各家已认识到 AMP 有助于增大移动端新闻滚动播报的可见性。更进一步，在移动搜索引擎结果中，采用 AMP 的新闻站点还具备新闻滚动发布的优势。如果它们在特定主题下有一系列文章，就都可以滚动发布出来。除了新闻网站外，AMP 也被证明是领先用户站点和电子商务网站的成功标准，它们都可通过 AMP 提高搜索引擎排名并改进站点性能。

9 API 先行（API-first）方法

API 是支持不同软件相互交互的中间接口。API 可视为将顾客点餐传送给厨房进而按点餐上菜的服务员。类比于此，API 实现将用户请求传递给系统并向用户返回响应的无缝链接。

API 先行设计对 Web 开发提供了一系列的优势。它支持项目间重用代码，降低了开发成本；它无需重新设计 API 架构以添加新特性，提供高层级稳定性，因此加快了应用上市速度。简而言之，API 使得初创企业有机会受益于无法付出大规模预算去开发的技术。

以 Twitter 和 Google Map 为例。Web 站点可以使用两家所提供的 API 相应地显示相应的推文和地图，实现双赢。Twitter 在用户点击推文时获得了更多的重定向浏览，从 Google Map 购买 API 的 Web 站点可节省大量的时间和财力实现地图绘制，并添加自身的导航功能。

10 动态界面（Motion UI）

要开发吸引用户的 Web 页面，使用动画、变换和图像是非常有用的。动态 UI 是前端最新技术之一，实现动态的 Web 接口。软件库中具有大量的引人入胜的动态效果，支持开发人员调用并创建新动画。该技术能很好地增加用户的参与度，改进用户体验，延长用户在站点上的停留时间。

例如，谷歌翻译团队针对最小化中立词汇和短语的性别偏差而设计了简单的动画，使得用户关注点在某一时刻仅针对部分信息，即用户在输入时保持文本框的压缩显示。一旦用户结束输入，文本框就会自动扩展，显示男性的翻译和女性的翻译。

总结

企业家当前应该认识到，技术已重定义了我们曾熟知的 Web 开发。在 2020 年新冠疫情的背景下，大多数企业已经学会使用最新 Web 开发趋势提供的优点实现远程运作。我们希望在 2021 年看到，快速发展和积极变化的趋势不仅触及各个技术领域，而且还会触及人们生活的方方面面。如果企业依然尚未建立 Web 站点、页面或 App 开发，或是希望实现新的技术趋势，欢迎联系inVerita.

本文最早于 2020 年 11 月 17 日发布在inveritasoft.com。

原文链接： 10 Web Development Trends Every CTO Should Expect in 2021