javascript - 如何加快网页加载时间(CRON？在后台加载 API 调用？)

Question

我为自己制作了一个门户页面，每次加载时都会调用第 3 方(天气)API(参见屏幕截图)。该第三方 API 有时需要长达 10 秒的时间才能返回数据，导致页面加载速度慢得令人无法接受。

所以我考虑每 10-15m 运行一次 CRON 作业来抓取数据并缓存在本地。然而，这并不是一个理想的解决方案，因为它给 API 提供商带来了不必要的压力。如果可能的话，我个人也不喜欢使用 CRON 作业。

我能想到的唯一其他解决方案是以某种方式在后台加载 API 数据，从而允许在我等待天气数据从 API 提供商返回时加载页面的其余部分。我什至不确定要搜索什么来学习如何执行此操作。

Q1。 “后台加载”编程“技术”叫什么？给我一些要搜索的东西。

第二季度。您能想到加载/缓存 API 数据的其他选项吗？我认为 CRON 工作或“JS 技术”是我唯一的选择，但我已经脱离循环一段时间了。

Answer 1

您想要查看跨域、异步 AJAX 调用 - 这就是名字。

为了进行跨域调用，您的服务器上应该有一个 PHP 包装器/代理文件，您可以从 JavaScript 调用该文件。

PHP 中的代理文件调用 API 端点并返回一些 JSON。

因此，当用户加载您的页面时，加载 HTML DOM 后，JavaScript 代码会在后台调用您的代理，然后在下载数据时更新 HTML 元素。