结合Javascript

Question

你好，我有几个javascripts，使我的网站性能下降很多。 清单是：

                    http://loketgevondenvoorwerpen.nl/New%20Design/assets/js/jquery.dropotron.min.js
     http://loketgevondenvoorwerpen.nl/New%20Design/assets/js/jquery.min.js
     http://loketgevondenvoorwerpen.nl/New%20Design/assets/js/main.js
     http://loketgevondenvoorwerpen.nl/New%20Design/assets/js/skel-viewport.min.js
     http://loketgevondenvoorwerpen.nl/New%20Design/assets/js/skel.min.js
     http://loketgevondenvoorwerpen.nl/New%20Design/assets/js/util.js
     http://loketgevondenvoorwerpen.nl/js/overzicht.js

我试图将一些脚本的内容“复制”到现有的一个脚本中。但是......没有成功。因为我需要从某个地方调用这些脚本。如何识别嵌套在另一个.js文件中的.js脚本？我有人可以帮我一个组合两个.js文件的例子，我会自己解决问题。 感谢。

Answer 1

为了加快您的网站速度，您可以尝试以下方法：

• 将CDN版本用于jquery等常用库，这样就可以获得性能 可用性/安全性免费开箱即用。

• 连接并缩小应用程序JS。这允许最小化网络请求的数量（连接）和向下发送到浏览器的代码量（缩小）。有几个任务实用程序项目可以自动完成这两项任务（以及更多），它们可以包含在您的工作流程中，只需很少的例子，例如gulp或grunt。

• 使用Google Page Speed或类似功能分析您的网站，例如：https://developers.google.com/speed/pagespeed/insights/ 这些工具通常会提供有关如何优化网站的进一步提示。

Answer 2

您可以speedup JavaScript代码minifying脚本文件。

以下是一些在线JavaScript缩小器链接 -

• https://javascript-minifier.com/
• https://jscompress.com/
• http://www.minifier.org/

  

此外，您可以使用CDN脚本来提高性能。

Answer 3

有一种不同的方法。异步加载文件。将async属性设置为脚本标记将使文件异步加载。这有助于我在不同的情况下提高我的表现。

示例：<script src="http://loketgevondenvoorwerpen.nl/New%20Design/assets/js/jquery.min.js" async></script>

您可以在浏览器开发工具中检查性能差异（使用异步和不同步）。