单页应用程序：当今值得关注的趋势

单页应用加载

单页应用程序是 APP 和 H5 开发中最热门的趋势之一，它是一种网页设计技术，可以在手机的屏幕上快速加载。如今，网站打开较长的加载时间与收入损失相关。只有一秒钟的时间，吸引的观看者和用户就会变得太急躁，甚至连看都不见的网页都无法点击。单页应用程序通过提供即时响应来改善客户体验。

网站加载多长时间算足够快？

“足够快”的定义可能是主观的。Google 将其描述为足够短的时间，以使用户始终专注于体验，而不会因浏览器引入服务器通信的时间而分心。可以对用户的不耐烦进行统计测量。

有报告称拥有全球智能手机的 42.6％ 的人群里中，大多数人最多可以容忍两秒钟的时间才能出现网站。三秒钟后，一半以上的用户将关闭网站。Google 建议应用程序的下载时间应少于两秒，并且下载后，网站需要在不到 0.1 秒的时间内做出响应。

什么是单页应用程序？

单页应用程序（SPA）是一种网站格式，由具有 Web 界面和功能的单个 HTML 文件组成，该文件可在浏览器中使用并通过 JavaScript 加载。SPA 的示例包括 Gmail，Facebook，Google 云端硬盘和 GitHub。应用程序代码被加载一次。渲染和 WEB 管理在客户端执行。触发操作时，页面不会被关闭，也不会从服务器刷新的内容重新加载该页面。只有新数据与服务器进行通信。

SPA 与多页应用程序或 MPA 的运营效率形成了鲜明对比。MPA 是更传统的 WEB 设计，其中网站由多个 HTML 文件组成，这些 HTML 文件以分层结构链接在一起并从 Internet 服务器发送出去。据统计，这些网站通常平均需要加载 1.3MB 至 2.5MB 的内容。手机 CPU 延长了下载文件所需的时间，比台式机浏览器慢，而图片或视频以连接到 Wi-Fi 系统的台式机更低的带宽馈送通过蜂窝网络传输的载有像素的数据。

SPA 的优点

单页面应用程序通过简单的布局，轻松的导航，适用于各种移动屏幕尺寸的自适应格式以及将浏览器与服务器之间的通信保持在最低限度的方式，提供了无缝的用户体验。

由于仅使用一个 HTML 文件，因此网站的全部内容位于客户端的单个位置。导航非常简单，没有页面跳动或加载其他页面所需的时间。

加载时间迅速，尤其是在 Chrome 浏览器的检查功能内，调试和升级变得更加简单。此外，由于要加载的文件数量少，因此在社交媒体上共享 SPA 格式的站点更容易进行，从而使更多流量进入该站点。

SPA 格式允许开发人员增强站点的 API 或应用程序编程接口。最值得注意的是，SPA 格式的站点利用特殊的 JavaScript 框架将输入数据缓存到本地数据库中。这样的框架允许即使在脱机状态下也可以访问数据并将其存储在多个设备上，从而使工作生产可以在用户喜欢的任何地方继续进行。Google 云端硬盘和 Gmail 是该功能很好的示例。

SPA 的缺点

尽管 SPA 格式的网站能够保持最新状态，但是使用这种格式仍然存在弊端。了解危险并了解如何纠正这些危险至关重要。使用 SPA 格式的网站需要同时安装 JavaScript 并启用，JavaScript 才能正常运行。尽管它可以在加载后保留其外观，但是如果随时在浏览器中禁用 JavaScript，则该站点的功能将受到严重损害。

数据保留，搜索功能和用户输入等功能将不起作用。SPA 格式的网站在搜索引擎中不太待见，因为这种格式的生成方法称为异步 JavaScript 和 XML 或 AJAX，当它自动更新网站时不会刷新服务器。解决方法是更频繁地将数据发送到服务器帮助中的搜索引擎收录。

SPA 容易受到内存泄漏和跨站点脚本攻击的攻击。当脚本程序无法丢弃不再需要的用户信息时，就会发生内存泄漏，从而导致设备速度变慢。跨站点脚本（XSS）是恶意代码，它利用了 SPA 在客户端的编码基础。这些攻击的严重性范围很广。良性尝试可能是 Cookie 盗窃。严重攻击通常会针对吸引用户输入评论的网站，从而提升用户的私人信息。可以使用扫描程序清除恶意代码，从而避免这些情况。

结论

单页应用程序站点因其结构简单和易于导航而变得流行。它们为应用程序开发人员提供了一种简单的体系结构，并为功能完善且外观吸引人的网站腾出了时间。快速的加载时间和移动适应性也提高了 SPA 的吸引力，并帮助网站维持了观看者的参与度。由于代码位于浏览器中，因此需要集成其他方法，以确保搜索引擎可以识别该站点，并配备了防病毒检测器，将恶意代码与 SPA 隔离。