DOMContentLoad相当慢-Javascript

我在localStorage中存储了一个值，并将此localStorage设置为输入元素。当页面重新加载时，在我的输入元素中设置值需要几秒钟的时间。当页面重新加载时，它会附带来自我的API的数据（一组图像）。这会影响我的下载速度吗

在几次刷新时，我注意到延迟减少了，这可能是浏览器缓存来自API的图像的结果

有没有办法让DOMContentLoad更快，尤其是在第一次加载时？和谷歌搜索输入栏一样，价值永远不会滞后或延迟

Input.JS

 localStorage.setItem(storageValue, "ShopItems"); 
window.addEventListener('DOMContentLoaded', function (e) {
     data_search.value = localStorage.getItem(storageValue);           
})

您可以在

后面插入一个

，然后在那里插入值；这样，您就不必等待文档的其余部分。