php - javascript文件存储

标签 php javascript

<分区>

我在项目页面的 header.php 中存储了 javascript 文件。随着时间的推移,这已经增长到很多文件。需要高级成员(member)的帮助,他们可以指导我如何存储这些东西?我在网上找遍了,找不到任何关于这个的东西。所以这是我的最后一站。 这些应该存储在 header.php 中(所以我做的是正确的吗?)。这些是否应该单独存储在使用它们的 .php 页面上?还是有另一种更好、更有效的方法来做到这一点? (我也有一些原型(prototype)和脚本文件)

<script type="text/javascript" src="javascript/prototype.js"></script>

<script type="text/javascript" src="javascript/scriptaculous.js"></script>

<script src="javascript/jquery-1.6.1.min.js"></script>
<script type="text/javascript">
     jQuery.noConflict();          
</script>

<script type="text/javascript" src="javascript/jquery.colorbox.js"></script>

<script type="text/javascript" src="javascript/friends.js"></script>

<script type="text/javascript" src="javascript/site.js"></script>

<script type="text/javascript" src="javascript/search.js"></script>

<script type="text/javascript" src="javascript/settings.js"></script>

<script type="text/javascript" src="javascript/inbox.js"></script>

<script type="text/javascript" src="javascript/profile.js"></script>

<script type="text/javascript" src="javascript/color_picker.js"></script>

<script type="text/javascript" src="javascript/load_more.js"></script>

<script type='text/javascript' src='javascript/jquery.bgiframe.min.js'></script>

<script type='text/javascript' src='javascript/jquery.Queue.js'></script>

<script type='text/javascript' src='javascript/jquery.autocomplete.js'></script>

最佳答案

您正在此处加载 15 个脚本,包括 3 个库!这完全是矫枉过正,会减慢您的页面速度。您的 Javascript 文件永远不应超过几个:每个额外的文件都会产生一个额外的 HTTP 请求,这是导致页面缓慢的第一大原因。

您至少应该将所有文件合并为一个文件。您可以使用 Google's Closure Compiler这样做也将最小化代码。

但是,更大的问题是您同时使用了 3 个不同的库。我猜您在 Internet 上找到了一些不错的脚本,例如灯箱,但每个脚本都使用不同的库。您当然可以将每个库及其插件的代码拆分为 3 个文件(即一个文件中的所有 jQuery 内容,另一个文件中的 Scriptaculous),然后每页调用其中一个。

但是,我建议从头开始选择一个库,然后只为该库找到插件。 jQuery 是最流行的,您很可能会找到与其等效的插件。将所有这些合并到一个 Javascript 文件中,并将其包含在每一页中。这样一来,用户只有一个文件可以下载,该文件将被缓存以供以后请求使用。

关于php - javascript文件存储,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6825173/

相关文章:

PHP 一年内请假的总天数

php - 从选择查询中排除变量

php - Mod_rewrite 和不同顺序的多个变量

javascript - Vue.js 和观察者模式

javascript - 如何加载 .js 文件 UIWebView

javascript - Jquery 幻灯片菜单 x 滚动问题

javascript - 在 AmCharts 中隐藏工具提示

php - Laravel 调用未定义的方法 Config::get()

javascript - 我想在heredoc中创建一个javascript脚本

javascript - 如何仅为 Material 纹理设置透明度/不透明度