创建扩展名为.php的javascript文件

Question

我一直在单独的.js文件中编写javascript函数.在我的上一个项目中,javascript文件的数量更多,因此页面加载速度较慢,因为请求数量更多.因此,出于实验目的,我使用.php扩展名转换了几个.js文件,并使用include语句添加它们.这样加载时间性能更好.在.php文件中编写javascript有很多好处.我可以访问php变量并轻松将它们传递给javascript.

我的疑问是,在.php文件中编写javascript然后包含它们有什么缺点吗？

我的理解是,当页面加载时,它调用javascript文件并并行执行php部分.所以我们编写onload函数.

Answer 1

如果您想使用PHP在服务器端将多个Javascript文件编译为一个,您可以执行以下操作:

<?php
// script.js
header('Content-Type: text/javascript'); // Tell browser to treat file as Javascript

$files  = array(
    'script-1.js',
    'script-2.js',
    'script-3.js'
);

foreach($files as $file){
    // Import each file
    echo file_get_contents($file).PHP_EOL;
}

然后,在您的页面中,只需引用该文件,就好像它是一个Javascript文件:

...
<script src="script.php"></script>
...

Answer 2

大多数浏览器可以使用 2 个或更多同时连接来加载资源。因此，将 JavaScript 保存在单独的文件中可能允许浏览器充分利用所有连接。您应该<script>尽可能晚地将标签包含在 HTML 中，以便在任何 JS 开始加载之前就写入页面内容。

使用 PHP 的优点之一是对 JS 文件进行 gzip 压缩以减小其大小。

如果 javascript 文件的大小很小（例如 < 100 KB），那么将多个文件包含在一个 PHP 脚本中可能会更快。但如果 javascript 文件较大，例如 500 KB，则将它们分开可能会更快。

实验和调整将帮助您找到答案。这里没有普遍真理。