首页 > 解决方案 > 如何在 html 中包含巨大的 javascript js 文件?

问题描述

我有一个 18 兆字节的 JavaScript 文件。它只是我需要的一个 JSON 数组。

将这个巨大的 JSON.js 文件传递​​给客户端,浏览器需要 18 秒,假设用户的互联网速度约为 1 兆字节/秒,这很常见。

打开一个页面大约需要 18 秒!这是不可接受的用户体验。我把它压缩成一个 3MB 的 json.zip,减少了 83% 的大小,这意味着减少了 83% 的带宽,用户下载需要 3 秒。

3秒是更好的用户体验。

这是问题,我如何<script>在 HTML 中使用标签来包含这个 jsonjs.zip 文件?

浏览器中的包含标签将无法识别“.zip”文件。

标签: javascriptjsonzip

解决方案


如果可能的话,我会将它分解为更小的 json 文件并通过 XHR 加载,尤其是如果它是 JSON 内容类型。:)


推荐阅读