Wordpress - 我应该将脚本分开到它们的特定页面还是只有一个主 js 文件？答案

【问题标题】：Wordpress - should I seperate scripts into their specific pages or have one master js file?Wordpress - 我应该将脚本分开到它们的特定页面还是只有一个主 js 文件？
【发布时间】：2016-07-26 02:09:28
【问题描述】：

这更像是一个一般性能问题。在我的 wordpress 项目中，我通常会有一个 app.js 文件，它就像我所有的小 js 脚本的主集合。

其中一些脚本将特定于特定页面，例如“我们的品牌”。目前我所做的是使用本地化变量检查页面标题，例如：

if (pageTitle == 'our-brands') {

    function loopThroughCharCode(loopStart, loopEnd) {
        var i = loopStart;
        for (var i = loopStart; i <= loopEnd; i++) {
            var letter = String.fromCharCode(i);
                if (i == 49) {
                    // if number 1, use the # symbol instead of 1
                    $('li > a#' + letter).first().parent().before('<li class="full-width">#</li>');
                } else {
                    $('li > a#' + letter).first().parent().before('<li class="full-width">' + letter +'</li>');
                }
        }
    }
    loopThroughCharCode(65, 90); // loop through a to z
    loopThroughCharCode(49, 49); // number 1

}

这是否比将这段代码分成自己的 js 文件并仅在我们的品牌页面上排队更好？

仅供参考，我使用插件即时缩小并组合我的所有 js。

【问题讨论】：

标签： javascript php wordpress performance

【解决方案1】：

由于您在生产中缩小和合并您的 JavaScript 文件，我将明确建议您在开发时分离您的文件。这样一来，编辑和调试就更简单了，而且添加或删除页面也变得更简单了。

【讨论】：

【解决方案2】：

分离您的脚本以获得最佳的可维护性。例如，只需在生产环境中使用 gulp 或 grunt 缩小您的脚本。

【讨论】：