通过 AJAX 提高加载时间？答案

【问题标题】：Improving loading time via AJAX?通过 AJAX 提高加载时间？
【发布时间】：2019-04-29 15:36:44
【问题描述】：

我有一个简单的问题：如果我将 AJAX 用于新页面，它会使网站更快吗？通常，每次请求我的网站时，响应都会是整个 HTML 文档。但是，如果我现在通过一个链接查看我网站的其他页面，所有内容都会重新加载。页眉、页脚……虽然我只需要一些新的元数据（标题、描述）、CSS 和 JS 等依赖项以及新文章（=内容）。其他一切都可以保留，无需重新加载。并且重新加载所有内容都会降低性能。只通过 AJAX 加载一篇文章而不是整个新文档会更快吗？

达斯月亮

【问题讨论】：

如果您询问通过网络连接传输更少数据是否比通过网络连接传输更多数据更快，那么答案是肯定的。至于您的特定应用程序是否有任何其他瓶颈，或者通过以任何方式重新设计应用程序是否会改善整体用户体验，我们无法知道。但总的来说，是的，少量的数据比大量的数据要小。

标签： javascript html ajax request xmlhttprequest

【解决方案1】：

当然！如果只加载一篇文章而不是整个 HTML 页面，用户下载会更快。

一个 ASP.NET 页面中的示例，您有各种隐藏控件，这些控件使页面具有非常大的数据。在我现在工作的项目中，每个页面大约有 600 kb。但是，如果我使用 JSON 格式的数据发出请求来加载一些文本，那么它将只有 2kb 的数据。

哪个下载速度更快？ 600kb 或 2kb。总是喜欢 ajax 只加载部分内容。

【讨论】：

好读。谢谢！还有一个问题：我是否也可以更改头部的元标记？喜欢描述和标题？
@DarthMoon 是的。我知道如何使用 jQuery： $("meta[property='og\\:title']").attr("content", result.title);使用纯 javascript 也会有一些方法。