Javascript 预加载大型JSON文件_Javascript_Json_Caching_Preload

Javascript 预加载大型JSON文件

javascript json caching

Javascript 预加载大型JSON文件,javascript,json,caching,preload,Javascript,Json,Caching,Preload,我有一个两页的注册漏斗，其中第二页需要一个相当大的JSON文件400Kb用于自动完成字段。直接为页面加载文件会导致用户体验中的一个小的但潜在的破坏性延迟，因此我考虑在第一个页面上预加载JSON，并将其缓存&为第二个页面做好准备出于缓存目的预加载JSON文件的首选/优雅方式是什么？根据link rel=preload还没有很好的浏览器支持。我能想到的最简单的解决方案是在第一页加载它，如果在加载DOM之后加载，该页将不会出现中断这样，当调用第二个页面时，它将被缓存，并且应该毫不延迟地加载 <

我有一个两页的注册漏斗，其中第二页需要一个相当大的JSON文件400Kb用于自动完成字段。直接为页面加载文件会导致用户体验中的一个小的但潜在的破坏性延迟，因此我考虑在第一个页面上预加载JSON，并将其缓存&为第二个页面做好准备

出于缓存目的预加载JSON文件的首选/优雅方式是什么？根据link rel=preload还没有很好的浏览器支持。

我能想到的最简单的解决方案是在第一页加载它，如果在加载DOM之后加载，该页将不会出现中断

这样，当调用第二个页面时，它将被缓存，并且应该毫不延迟地加载

<head>
    <script>
        (function(d) {
            d.addEventListener('DOMContentLoaded', function() {
                var s = d.createElement('script');
                s.setAttribute('type', 'text/javascript');
                s.setAttribute('src', json.js);
                s.setAttribute('defer', true);
                d.head.appendChild(s);
            })
        })(document);
    </script>
</head>