如何优化大量静态数据的负载

时间:2013-01-11 03:58:40

标签: javascript html

目前,我将一个大型数组放入缓存文件中,该文件将加载到iframe中。 数据被加载到javascript变量中。

现在我有包含数据的变量,不需要用于加载它的javascript(iframe中的脚本标记) 我发现我无法摆脱这个脚本标签(实际上是DOM'它的副本)。 我想删除iframe会这样做,但不会。

有办法做到这一点吗?

如果我使用ajax下载数据,我没有这个额外的批量,但每次下载都需要时间。

OR

有更好的方法吗?

2 个答案:

答案 0 :(得分:1)

iframe技术体积庞大且不必要,除非您使用它来绕过同源策略。除此之外,加载和执行的脚本已经在内存中。加载它们时无法将它们拔出,即使加载它们的DOM元素被删除也是如此。

假设您的数据来自同一个域,您可以通过“{3}}通过”AJAX“加载它们。这会将该文件的内容加载到程序可以使用的字符串中。您可以将它们存储在JS对象中。

因此它会持续存在,您可以使用XHR在客户端持久存储该数据。但请注意,localStorage的大小限制为5-10MB,具体取决于浏览器。

我建议您使用已经处理过这些内容的库。 AJAX(带缓存)可以通过localStorage完成,跨平台localStorage可以使用jQuery

完成

答案 1 :(得分:0)

在大多数情况下,使用XML来解析,搜索和读取信息可能会派上用场。为什么不试试呢?它适用于javascript。

http://www.w3schools.com/xml/