Question

我可以这样写吗？在网站加载速度方面，我不会有问题吗？

for index.html：

<html>

<body>
  <script src="index.js"></script>
</body>

</html>

for about.html：

<html>

<body>
  <script src="about.js"></script>
</body>

</html>

for contact.html：

<html>

<body>
  <script src="contact.js"></script>
</body>

</html>

我只想清理一下。预先感谢！

Answer 1

您应该在不同页面上运行的所有javascript代码中提取出常用功能。

想象一下index.js具有创建列表的功能。 about.js具有相同的功能。在更新该功能时，您需要将其更改为一个位置。没有你的五个页面。

关于速度，如果每个页面都有list.js文件的链接，则浏览器只需下载一次即可。该代码将被缓存并在所有其他请求的页面中使用。

Answer 2

页面分别加载，因此在另一页面中包含脚本不会影响当前页面的加载速度。

我认为，如果您非常关注速度，那么确保只加载当前页面中所需的脚本就更为重要。

Answer 3

是的，您可以像这样使用它，您的网站加载速度更快。但是，如果将所有JS都包含在所有文件中，则加载速度会变慢，因为加载时间会增加，因为所有三个页面的所有三个文件都将加载。

或其他方法。

尝试将所有三个文件都转换为仅1个文件（这样可以减少重复功能）然后将此文件包含到每个文件中。通过将文件存储到缓存中，文件仅下载（加载）一次，然后就会从缓存中使用。这样，您的速度将会提高。请参考以下链接： https://www.html5rocks.com/en/tutorials/appcache/beginner/

尝试进行尽可能多的研究。您将获得解决方案。

如果我的回答对您有帮助，请右击（✓）。

Answer 4

正确的方法是将代码适当地拆分为多个功能。

要解决加载性能问题，请使用缩小器，它将缩小并捆绑所有代码（包括JavaScript，CSS和HTML）。无论如何，您将无法胜过实际的粉碎机。

根据您使用的技术，最小化可能是构建/部署过程中的一个步骤，或者是CMS的插件，它将在访问文件时最小化和缓存文件。

每个html页面都可以有1个.js文件吗？

4 个答案:

是的，您可以像这样使用它，您的网站加载速度更快。但是，如果将所有JS都包含在所有文件中，则加载速度会变慢，因为加载时间会增加，因为所有三个页面的所有三个文件都将加载。