0

出于显而易见的原因，我在很多网站中都使用 jQuery。所以我只是将它包含在一个header.php文件中。我还包括了其他 JavaScript 库，所以最后我得到了这样的东西：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="http://example.com/js/classes.js"></script>
<script type="text/javascript" src="http://example.com/js/common.js"></script>

有时甚至更多包含，其中一些我只在 1-2 页中使用。将这些 JavaScript 文件也包含在每个其他页面中是一种好习惯吗？它会降低性能吗？我的意思是，我知道它们必须是第一次下载，但之后它们会被缓存，不是吗？那么只包含（不使用它）如何影响性能呢？缓存文件如何改变这种情况？

如果它影响性能，我应该这样做：

<?php if (JSFileNeeded) { ?>
   <script type="text/javascript" src="http://example.com/js/classes.js"></script>
<?php } ?>

我可以使用哪些其他技术来摆脱未使用的文件包括？

4

1 回答 1

1

我建议您使用requireJS所有 javascript 依赖项需求：http ://requirejs.org/ 。它可能是比使用后端代码打开和关闭脚本标签更优雅的解决方案。

无论哪种方式，包含未使用的文件通常都是一个坏主意，即使它们被缓存，它们仍然占用内存。如果它们没有被缓存，那么额外的连接和网络上的更多位会减慢您的页面速度。

在宽带连接上，未使用的文件不太可能产生太大影响。但是，如果通过间歇性数据连接在手机上查看页面，则可能会使页面变慢甚至无法加载。

于 2013-05-21T01:45:02.300 回答