javascript – 如何减少页面加载时间?

前端之家收集整理的这篇文章主要介绍了javascript – 如何减少页面加载时间?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个网页,我在WebKit移动浏览器(不是在Web服务器上)本地运行,它有大约27 MB的 JavaScript文件,是27 MB的JavaScript文件.这是因为我在.js文件中有自定义JSON对象和硬编码的数组.

我已将完整的JS包含分成27个大约1 MB的小.js文件.

问题是,当我在头文件中包含这些.js文件时,页面加载时间会增加很多.

我想知道如何在需要js文件的情况下减少页面加载时间.

1)有没有办法在第一次加载页面后我们可以在HTML中注入.js文件? (因为只有在页面上点击链接后,JavaScript内容才会显示图片中)

2)在网页中包含如此大的JavaScript内容的优化解决方案是什么?我已经缩小了我的所有js文件以尽可能减少文件大小!

提前致谢.

更新1:

页面在本地运行,不涉及WEB SERVER.最后,它将在移动浏览器中运行,因此所有问题都出现了,即移动浏览器中的加载时间非常高,因此希望减少初始加载时间.

解决方法

在27MB的情况下,由于您将遇到设备的内存限制,因此总是会很慢.

大多数手机都没有大量的内存,一旦你加载并解析JSON,它就会使用更多的27MB

缩小将帮助你,但gzip将不会,因为浏览器仍然必须解压缩它)

如果您只是为了响应用户操作而呈现HTML,那么为什么不创建HTML片段而不是JSON并获取这些片段并在有人点击链接时将它们插入到DOM中?

猜你在找的JavaScript相关文章