结合外部JavaScript最佳实践

Combine external JavaScript best practice

本文关键字:最佳 JavaScript 外部 结合      更新时间:2023-09-26

我正在审核我的网站,发现了这条消息

我怀疑这样做是否是个好习惯:

function js($which) {
    $output = "";
    switch($which) {
        case "mainsec1";
            $output .= file_get_contents("js/main.js");
            $output .= file_get_contents("js/sec1.js");
        break;
    }
    // And so on with the other cases
    echo $output;
}  

那么在HTML中,我将做如下操作:

 <script src="controller/js/mainsec1"></script>

这样可以减少http请求的数量,但仍然可以为维护问题保留不同的文件,避免冗余。

你觉得怎么样?

使用这种方法使设置适当的缓存控制头和执行HTTP压缩比需要的更复杂。

在构建时而不是在运行时进行连接会更简单、更有效。

使用

这里你应该做的是将所有的JavaScript合并到一个文件中。要做到这一点,请参考以下链接。

组合JavaScript &div CSS。